Demonstration and configuration of the Radzen Blazor ProgressBar component.
These demos showcase a linear progress indicator with determinate mode (specific value) and indeterminate mode (ongoing process), configurable min/max value ranges, optional value label display with ShowValue, and accessibility support through AriaLabel property.
As all Radzen Blazor input components the ProgressBar has a Value property which gets and sets the value of the component. Use @bind-Value to get the user input. To hide the label use ShowValue="false"
By design Material and Fluent themes do not include a value label inside the ProgressBar. To hide the label use ShowValue="false".
Use Mode="ProgressBarMode.Indeterminate" to display an animated progress bar when the completion time is unknown.
By default, the value range is between 0 and 100.
Use the Min and Max properties to set a custom range.
Use the AriaLabel property to provide a descriptive label for screen readers. This is especially important when ShowValue="false" as screen readers need context about what the progress bar represents (e.g., "Upload progress", "Loading", "Download status").