MKProgress
The MKProgress 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 MKProgress 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
// Material Kit 2 React Components
import MKProgress from "components/MKProgress";
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| color | 'primary''secondary''info''success''warning''error''light''dark' | info | Change MKProgress progress color. |
| value | number | 0 | Used to set MKProgress percentage. |
| variant | 'gradient''contained' | contained | Change the MKProgress background type. |
| label | bool | false | Used to add the percentage label for MKProgress. |
| MUI Props | You can pass all of the MUI LinearProgress props for the MKProgress as well. |
Variants
// Material Kit 2 React Components
import MKProgress from "components/MKProgress";
With Label
// Material Kit 2 React Components
import MKProgress from "components/MKProgress";