Leave Yamada UI a star

Star
Yamada UIYamada UIv1.5.1

Progress

Progress is a component for visually indicating progress.

Source@yamada-ui/progress

Props

ProgressProps

colorScheme

Description

The visual color appearance of the component.

Type

"whiteAlpha" | "blackAlpha" | "gray" | "neutral" | "red" | "rose" | "pink" | "flashy" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia"

Default

primary

filledTrackColor

Description

The CSS color property.

Type

"link" | "border" | Color | "current" | "focus" | "whiteAlpha.50" | "whiteAlpha.100" | "whiteAlpha.200" | "whiteAlpha.300" | "whiteAlpha.400" | "whiteAlpha.500" | "whiteAlpha.600" | ... 318 more ... | ColorModeArray<...>

hasStripe

Description

If true, the progress bar will show stripe.

Type

boolean

Default

false

isAnimation

Description

If true, the progress will be indeterminate and the value prop will be ignored.

Type

boolean

Default

false

isStripeAnimation

Description

If true, and hasStripe is true, the stripes will be animated.

Type

boolean

Default

false

max

Description

The maximum value of the progress.

Type

number

Default

100

min

Description

The minimum value of the progress.

Type

number

Default

0

size

Description

The size of the Progress.

Type

"xs" | "sm" | "md" | "lg"

Default

md

speed

Description

The animation speed in seconds.

Type

string | number

Default

'1.4s'

value

Description

The value of the progress.

Type

number

Default

0

variant

Description

The variant of the Progress.

Type

string

Edit this page on GitHub

PreviousSkeletonNextCircleProgress