Docs
Progress
Progress
Displays an indicator showing the completion progress of a task, typically displayed as a progress bar.
Progress Bar Example
30%
50%
Usage
Example Code
1import { Progress } from "inc-design-system/progress";Example Code
1<Progress value={50} />Props
Progress
For more props:
| Prop | Type | Description | Default |
|---|---|---|---|
| isSuccess | boolean | Optional. If true, the progress bar will be styled with the success variant. | - |
| isError | boolean | Optional. If true, the progress bar will be styled with the error variant. | - |
| variant | "default" | "isError" | "isSuccess" | Optional. Specifies the variant of the progress bar. Overrides isSuccess and isError props. | - |
| showValueInfo | boolean | Optional. If true, the current progress value will be displayed in the center of the progress bar. | - |
| isCircle | boolean | Optional. If true, the progress bar will be circular instead of linear. | - |
| className | string | Optional. Additional class names to apply to the progress bar. | - |
| value | number | Optional. The current value of the progress bar. | - |