/

Progress

Progress is used to display the progress status for a task that takes a long time or consists of several steps.

Basic Example

rx.progress expects the value prop to set the progress value. width is default to 100%, the width of its parent component.

For a dynamic progress, you can assign a state variable to the value prop instead of a constant value.

A progress bar component.

Prop	Type \| Values	Default	Interactive
`value`	`int`	`-`
`max`	`int`	`-`
`size`	`"1" \| "2" \| ...`	`-`
`variant`	`"classic" \| "surface" \| ...`	`-`
`color_scheme`	`"tomato" \| "red" \| ...`	`-`
`high_contrast`	`bool`	`-`	false
`radius`	`"none" \| "small" \| ...`	`-`
`duration`	`str`	`-`
`fill_color`	`str`	`-`