Progress
Progress is used to display the progress status for a task that takes a long time or consists of several steps.
Imports
- Progress - main progress component
- ProgressBar - progress bar component
- ProgressTrack - progress track component
Usage
Min max values
Indeterminate progress
By setting the value prop to null, progress' state becomes indeterminate
Progress sizes
Progress comes with 4 sizes sm md lg & xl
Customizing Progress
To customize the appearance of the Progress component we can simply pass down children components (ProgressTrack, ProgressBar) for more control.
API Reference
Prop | Type | Default |
|---|---|---|
size | union | md |
value | number | - |
min | number | - |
max | number | - |