Progress Telerik UI for Blazor

ProgressBar

  • The Blazor ProgressBar component lets you visualize the progress of a lengthy operation or its execution in stages or percentages.
  • This component is part of the largest truly native Blazor component suite - Telerik UI for Blazor designed to perfectly fit in any app’s requirement.
  • The Blazor UI suite also comes with professionally designed themes enabled with a flip of a switch, document processing library, rich docs & demos to help you get started in no time.

Telerik UI for Blazor Suite
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • 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.

    Telerik UI for Blazor ProgressBar Overview
  • 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.

    Telerik UI for Blazor ProgressBar Label
  • Orientation

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

    Telerik UI for Blazor ProgressBar Orientation
  • 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.
    Telerik UI for Blazor ProgressBar Theming
  • 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.

Next Steps

Launch demos

See Telerik UI for Blazor in action and check out how much it can do out-of-the-box.

Download free trial

Try Telerik UI for Blazor with dedicated technical support.