import { CProgressBar } from '@coreui/react'// orimport CProgressBar from '@coreui/react/src/components/progress/CProgressBar'| Property | Description | Type | Default |
|---|---|---|---|
| animated | Use to animate the stripes right to left via CSS3 animations. | boolean | - |
| className | A string of all className you want applied to the component. | string | - |
| color | Sets the color context of the component to one of CoreUI’s themed colors. | {'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string } | - |
| value | The percent to progress the ProgressBar. | number | 0 |
| variant | Set the progress bar variant to optional striped. | 'striped' | - |
On this page