Leave Yamada UI a star
StarProgress is a component for visually indicating progress.
Description
The visual color appearance of the component.
Type
"blackAlpha" | "whiteAlpha" | "amber" | "blue" | "info" | "link" | "primary" | "cyan" | "emerald" | "flashy" | "fuchsia" | "gray" | "green" | "success" | "indigo" | "lime" | "neutral" | "orange" | "warning" | "pink" | "purple" | "red" | "danger" | "rose" | "sky" | "teal" | "violet" | "secondary" | "yellow"Default
"primary"Description
The CSS color property.
Type
"border" | ({} & string) | Color | "amber.50" | "amber.100" | "amber.200" | "amber.300" | "amber.400" | "amber.500" | "amber.600" | "amber.700" | "amber.800" | "amber.900" | ... 319 more ... | [...]Description
If true, the progress bar will show stripe.
Type
booleanDefault
falseDescription
If true, the progress will be indeterminate and the value prop will be ignored.
Type
booleanDefault
falseDescription
If true, and hasStripe is true, the stripes will be animated.
Type
booleanDefault
falseDescription
The maximum value of the progress.
Type
numberDefault
100Description
The minimum value of the progress.
Type
numberDefault
0Description
The size of the Progress.
Type
"xs" | "sm" | "md" | "lg"Default
"md"Description
The animation speed in seconds.
Type
string | numberDefault
'1.4s'Description
The value of the progress.
Type
numberDefault
0Description
The variant of the Progress.
Type
stringEdit this page on GitHub