Progress Telerik UI for Blazor

Overview

The Telerik UI for Blazor ProgressBar component is a visual indicator for any long-running operations in your application. Use it when loading data from a server, doing a heavy computation or anything in between. The control can be configured to fit in a variety of scenarios – use it to display what percentage of the work has been done or put it an indeterminate state if that information is not available. Visit the full demo page for the ProgressBar for examples on how to use all of its features.
Labels

Labels are a way to augment the visual representation of the component with textual description. Their usage may differ in certain scenarios, so we have included multiple customization options. You are able to choose the label’s position, visibility and custom content.

Configure the Blazor ProgressBar labels
Orientation

Aside from labels, the component’s orientation is similarly modifiable – it can stand horizontal and vertical with a switch of an attribute value.

See Demo
Indeterminate State

Putting the ProgressBar into indeterminate state turns off the progress indicator. Use this option to let users know that the application has no information about how long the current operation will take to complete but still present them with an indication that the program is running.

Learn more about the ProgressBar Indeterminate state
Theming

The Telerik UI for Blazor ProgressBar has several built-in themes such as Default (our own styling), Material (based on the Material Design guidelines) and Bootstrap (which looks like the Bootstrap styling to integrate better). You can easily customize any of out-of-the-box themes with a few lines of CSS, or create new theme to match your colors and branding by using the Telerik SASS ThemeBuilder application.