A Progress loader show the progression of an operation flow in visual way.
percent prop.variant to 'circle'theme.colors.size prop for line progress or width prop for circle progress.customInfo/code>.| Prop | Description | Type | Default |
|---|---|---|---|
| customColorClass | Custom color class for progress bar | string | - |
| customInfo | Custom content | string | ReactNode | - |
| gapDegree | The gap degree of circle progress (only applicable when variant="circle") | number | 0 |
| gapPosition | Gap postion of circle progress (only applicable when variant="circle") | 'top' | 'right' | 'bottom' | 'left' | 'top' |
| percent | The current value of progress | number | 0 |
| showInfo | Whether to display progress info | boolean | true |
| size | Size of progress bar (only applicable when variant="line") | 'sm' | 'md' | 'md' |
| strokeLinecap | Style of the progress linecap (only applicable when variant="circle") | 'round' | 'square' | 'round' |
| strokeWidth | Width of the circular progress (only applicable when variant="circle") | number | 6 |
| trailClass | Css class for progress trail | string | - |
| variant | Progress variants | 'line' | 'circle' | 'line' |
| width | Determine the size of circular progress (only applicable when variant="circle") | number | string | 'line' |