Progress
Displays an indicator showing the completion progress of a task
SSR mode
Examples
Default (50%)
Zero
Complete (100%)
Indeterminate
API
The element family below can be composed together. Click an element to jump to its properties.
| Element | Purpose |
|---|---|
| Progress | Horizontal bar that fills to a percentage of MaxValue, or animates a sliding pill when IsIndeterminate is set. Exposes ARIA progressbar semantics. |
Progress
Horizontal bar that fills to a percentage of MaxValue, or animates a sliding pill when IsIndeterminate is set. Exposes ARIA progressbar semantics.
| Property | Type | Required | Description |
|---|---|---|---|
| Value | int | Current progress value, interpreted as a fraction of MaxValue. Default: 0. | |
| MaxValue | int | Upper bound for Value. Default: 100. | |
| IsIndeterminate | bool | When true, shows a looping indeterminate animation and ignores Value. Default: false. | |
| ClassName | string? | Extra CSS classes appended to the outer track container. | |
| AdditionalAttributes | Dictionary<string, object>? | Captured unmatched attributes, forwarded to the outer track container. |