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 in indeterminate mode link

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.

All the tools in one place

Code Less. Deliver More.

With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.

task_alt

Complete Blazor development environment.

task_alt

Open technology stack. No vendor lock-in.

task_alt

Ready-to-use UI blocks and app templates.

task_alt

Advanced theming.

task_alt

Dedicated support backed by proven expertise.

task_alt

No hidden runtime costs.

Start Free See All Benefits

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT