/

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	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`