Skip to main content
All docs
V24.2

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxProgressBar.LabelPosition Property

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

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
[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

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

Circular progress bar

See Also