ProgressBar
Demonstration and configuration of the Radzen Blazor ProgressBar component.
ProgressBar in determinate mode, Get and Set the value link
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".
ProgressBar with ProgressBarStyle property and ShowValue="false"
ProgressBar in indeterminate mode link
ProgressBar with ProgressBarStyle property
ProgressBar Min and Max values link
By default, the value range is between 0 and 100.
Use the Min and Max properties to set a custom range.
Supercharge your Blazor development with Radzen Blazor Studio
Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.
Radzen Blazor Components, © 2018-2024 Radzen.
Source Code licensed under
MIT