Skip to main content
All docs
V25.1
  • DxProgressBar.LabelPosition Property

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

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.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" />
    

    Circular progress bar

    See Also