Overview

0%

The DevExpress Blazor Progress Bar allows you to communicate status information associated with ongoing processes.

Use the Value property to specify the current progress bar value. MinValue and MaxValue properties limit the range of accepted values.

Types

5%

50%

90%

5%

50%

90%

5%

50%

90%

Use the Type property to specify how the Blazor Progress Bar is displayed on-screen. The component supports the following display types:

  • Horizontal
  • Vertical
  • Circular

Indeterminate

When progress cannot be estimated or it is not necessary to indicate progress numerically, set the Indeterminate property to true to display a moving bar.

The default progress bar label displays information about progress status. You can use the following properties to customize the label as needs dictate.

  • The Label property: specifies the progress bar label.
  • The ShowLabel property: allows you to hide the label from the progress bar.
  • The ShowIcon property: allows you to display an icon in the progress bar.

Customization

67%

Use the LabelPosition property to position the label relative to a linear progress bar.