Progress - Keep React
Table of Contents#
- Circle Progress
- Line Progress
- Progress Variant
- How To Customize
- Circle Progress API
- Line Progress API
Circle Progress#
Default Progress allows you to visually represent the progress or completion of a task or process.
Line Progress#
Progress Variant#
The Progress component in our design system comes with two options: LineProgress and CircleProgress
How To Customize#
Circle Progress API#
Explore the available props for the Circle Progress component:
| Property | Description | Type | Default |
|---|---|---|---|
| progress | Defines the progress control for the progress bar. | number | 55 |
| strokeColor | Circle Stroke Color | string | None |
| strokeWidth | Circle Stroke Width | number | 2.5 |
Line Progress API#
Explore the available props for the Line Progress component:
| Property | Description | Type | Default |
|---|---|---|---|
| progress | Defines the progress control for the progress bar. | number | 55 |
| lineBackground | Progress line background color | string | None |