Default Light
MgLibrary
Overview
Installation
Buttons
Cards
Charts
Codes
Data Grids
Dropdowns
Editors
Headers & Animations
Icons
Indicators
Inputs
Lists
Modals
Menus
Panels
Pills & Chips
Scheduling
Tabs
Time Line
Trees
Customization

Progress Bar

Progress bars indicate the completion percentage of an operation.

Use this example to explore default behavior, customization points, and accessibility-friendly patterns in a real Blazor page.

API Reference: MgProgressBar

Property Type Default Description
Value double 0 The current progress value.
Max double 100 The maximum value (100%).
ProgressClasses string "" CSS classes applied directly to the progress bar indicator.
An unhandled error has occurred. Reload 🗙