Display progress relative to a limit or related to a task.
Modify the maximum value of progress.
You can specify the color of the progress in any range.
We prepared some different styles in advance.
Progress.Props
Attribute | Description | Type | Accepted values | Default |
---|---|---|---|---|
value | current value | number | - | 0 |
max | max value | number | - | 100 |
fixedTop | fix progress to top | boolean | - | false |
fixedBottom | fix progress to bottom | boolean | - | false |
colors | custom colors | { [key: number]: string } | - | - |
color | custom color | string | - | - |
type | predefined state types | NormalTypes | 'default', 'secondary', 'success', 'warning', 'error' | default |
... | native props | ProgressHTMLAttributes | 'aria-busy', 'className', ... | - |