VuiProgress
The VuiProgress helps you to create a beautiful progress bar, It uses MUI LinearProgress in base and you can use all of the props from MUI LinearProgressfor the VuiProgress component.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Vision UI Dashboard React components
import VuiProgress from "components/VuiProgress";
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'primary''secondary''info''success''warning''error''light''dark' | info | Change VuiProgress progress color. |
| value | number | 0 | Used to set VuiProgress percentage. |
| variant | 'gradient''contained' | contained | Change the VuiProgress background type. |
| label | bool | false | Used to add the percentage label for VuiProgress. |
| MUI Props | You can pass all of the MUI LinearProgress props for the VuiProgress as well. |
Variants
// Vision UI Dashboard React components
import VuiProgress from "components/VuiProgress";
With Label
// Vision UI Dashboard React components
import VuiProgress from "components/VuiProgress";