reflex/docs/library/chakra/feedback/progress.md
2024-02-26 17:18:28 +01:00

554 B

components
rx.chakra.Progress
import reflex as rx

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"],
)