Vue Progress Component API
Progress API
Explore the API reference for the Vue Progress component and discover how to effectively utilize its props for customization.
On this page CProgress
import { CProgress } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| animated | - | boolean |
Use to animate the stripes right to left via CSS3 animations. |
| color | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. |
| height | - | number |
Sets the height of the component. If you set that value the inner <CProgressBar> will automatically resize accordingly. |
| progressBarClassName5.0.0+ | - | string |
A string of all className you want applied to the <CProgressBar/> component. |
| thin | - | boolean |
Makes progress bar thinner. |
| value | 0 | number |
The percent to progress the ProgressBar. |
| variant | - | string |
Set the progress bar variant to optional striped. |
| white | - | boolean |
Change the default color to white. |
CProgressBar
import { CProgressBar } from '@coreui/vue-pro'
| Property | Default | Type |
|---|
| animated | - | boolean |
Use to animate the stripes right to left via CSS3 animations. |
| color | - | Color |
Sets the color context of the component to one of CoreUI’s themed colors. |
| value | 0 | number |
The percent to progress the ProgressBar. |
| variant | - | string |
Set the progress bar variant to optional striped. |