Back to Devexpress

DxProgressBar.LabelPosition Property

blazor-devexpress-dot-blazor-dot-dxprogressbar-ad546b7b.md

latest1.8 KB
Original Source

DxProgressBar.LabelPosition Property

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

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

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

Property Value

TypeDefaultDescription
ProgressBarLabelPositionBottom

The label position.

|

Available values:

NameDescription
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" />

See Also

DxProgressBar Class

DxProgressBar Members

DevExpress.Blazor Namespace