Progress
Visually represents progress or completion of a task. Updates dynamically to give users clear feedback on status.
Examples
Hint
Intervals
Sizes
Props
| Name | Default | Type |
|---|---|---|
value* | - | number Current progress value |
size | "sm" | "sm" | "md" | "lg" | "xl" Size of the progress bar: "sm" | "md" | "lg" | "xl" |
label | "" | string Optional text label displayed on the progress bar |
hint | false | boolean Whether to show a hint/tooltip for the progress value |
intervals | false | boolean Whether to show interval markers on the progress bar |
intervalCount | 6 | number Number of intervals to display if `intervals` is true |
Slots
| Slot | Payload |
|---|---|
hint | - Custom content for the hint area (usually displays the progress value). If not provided, defaults to showing `props.value` followed by `%`. |