Reflex Cloud - Fast, secure & scalable hosting. One command to deploy.

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.

API Reference

rx.progress

A progress bar component.

PropType | ValuesDefaultInteractive
value
int
max
int
size
"1" | "2" | ...
variant
"classic" | "surface" | ...
color_scheme
"tomato" | "red" | ...
high_contrast
bool
radius
"none" | "small" | ...
duration
str
fill_color
str

Event Triggers

See the full list of default event triggers