React Progress Bar - Argon
The ArgonProgress
helps you to create a beautiful progress bar, It uses MUI LinearProgress
in base and you can use all of the props from MUI LinearProgress
for the ArgonProgress
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
// Argon Dashboard 2 MUI Components
import ArgonProgress from "components/ArgonProgress";
Props Information
Name | Type | Default | Description |
---|---|---|---|
color | 'primary''secondary''info''success''warning''error''light''dark' | info | Change ArgonProgress progress color. |
value | number | 0 | Used to set ArgonProgress percentage. |
variant | 'gradient''contained' | contained | Change the ArgonProgress background type. |
label | bool | false | Used to add the percentage label for ArgonProgress . |
MUI Props | You can pass all of the MUI LinearProgress props for the ArgonProgress as well. |
Variants
// Argon Dashboard 2 MUI Components
import ArgonProgress from "components/ArgonProgress";
With Label
// Argon Dashboard 2 MUI Components
import ArgonProgress from "components/ArgonProgress";