reflex_copy/docs/library/chakra/feedback/progress.md

---

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