DxProgressBar.LabelPosition Property

Specifies the position of the label relative to the progress bar.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.1.dll

NuGet Package: DevExpress.Blazor

Declaration

[DefaultValue(ProgressBarLabelPosition.Bottom)]
[Parameter]
public ProgressBarLabelPosition LabelPosition { get; set; }

Property Value

Type	Default	Description
ProgressBarLabelPosition	Bottom	The label position.

Available values:

Name	Description
Bottom	Displays the label below the progress bar.
Top	Displays the label above the progress bar.
Left	Displays the label to the left of the progress bar.
Right	Displays the label to the right of the progress bar.

Remarks

Use the LabelPosition property to position the label relative to a linear progress bar (horizontal or vertical). This property is not in effect for the circular progress bar that always displays the label inside the bar.

Progress Bar Customization

<DxProgressBar Type="ProgressBarType.Vertical" LabelPosition="ProgressBarLabelPosition.Top" Value="46" />
<DxProgressBar Type="ProgressBarType.Horizontal" LabelPosition="ProgressBarLabelPosition.Top" Value="58" />