Reflex Logo

Intro

Gallery

Hosting

Learn

Components

Recipes

API Reference

Onboarding

Library

/

Chakra

/

Feedback

/

Progress

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

rx.chakra.vstack(
    rx.chakra.progress(value=0, width="100%"),
    rx.chakra.progress(value=50, width="100%"),
    rx.chakra.progress(value=75, width="100%"),
    rx.chakra.progress(value=100, width="100%"),
    rx.chakra.progress(is_indeterminate=True, width="100%"),
    spacing="1em",
    min_width=["10em", "20em"],
)

A bar to display progress.

PropTypeDefault ValueValues
has_stripe
bool
is_animated
bool
is_indeterminate
bool
max_
int
min_
int
value
Union[int, float]
color_scheme
str

Event Triggers

See the full list of default event triggers

Did you find this useful?

HomeGalleryChangelogIntroductionHosting