The following props are available for progress component. These are the custom props that come with we've added for the progress component and you can use all the other native props as well.
Attribute | Type | Description | Default |
---|---|---|---|
variant | Variant | Change progress variant | filled |
color | Color | Change progress color | blue |
label | string | Add label for progress bar | "" |
value | number | Add the completed percentage for progress bar | 0 |
type variant = "filled" | "gradient"
type variant =
| "blue-gray"
| "gray"
| "brown"
| "deep-orange"
| "orange"
| "amber"
| "yellow"
| "lime"
| "light-blue"
| "blue"
| "teal"
| "cyan"
| "light-blue"
| "blue"
| "indigo"
| "deep-purple"
| "purple"
| "pink"
| "red"