Progress
Overview
A progress bar component built on Reka UI's ProgressRoot.
Theme entry: Progress
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| themeOverride | String|Object|Array | null | A partial theme object merged with the component's default theme; accepts a class string, class array, or theme object. | |
| class | import('vue').HTMLAttributes['class'] | undefined | Additional CSS classes to apply to the root element. | |
| modelValue | number | 0 | The current progress value (0 to max). | |
| max | number | undefined | The maximum value. | |
| getValueLabel | func | undefined | A function that returns the accessible label for the current value. | |
| size | string | undefined | Track and indicator height variant. | |
| tone | string | undefined | Status tone applied to track and indicator. Defaults to the primary surface. | |
| as | string|object | undefined | The element or component to render as. | |
| asChild | boolean | false | When true, merges props onto the child element instead of rendering a wrapper. |
Source
client/lib/feedback/progress/Progress.vue