| animated | - | boolean |
Use to animate the stripes right to left via CSS3 animations. |
| className | - | string |
A string of all className you want applied to the component. |
| colorDeprecated 6.0.0 | - | 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'inverse', string |
Sets the color context of the component to one of CoreUI’s themed colors. Use theme instead — color renders the same theme-{color} class and loses to theme when both are set. |
| height | - | number |
Sets the height of the component. If you set that value the inner <CProgressBar> will automatically resize accordingly. |
| progressBarClassName4.9.0+ | - | string |
A string of all className you want applied to the <CProgressBar/> component. |
| segmented6.0.0+ | - | boolean |
Cuts the track into a row of rounded segments and fills whole segments only. Set segments to cap how many, otherwise as many as fit above --cui-progress-segment-min-width. |
| segments6.0.0+ | - | number |
The most segments a segmented track holds; fewer are drawn when they would get narrower than --cui-progress-segment-min-width. |
| theme6.0.0+ | - | 'primary', 'secondary', 'success', 'danger', 'warning', 'info', 'inverse', string |
Sets the color context of the component to one of CoreUI’s themed colors. |
| value | - | number |
The percent to progress the ProgressBar (out of 100). |
| variant | - | 'striped' |
Set the progress bar variant to optional striped. |
| white | - | boolean |
Change the default color to white. |