CircularProgress

The CircularProgress component is used to indicate the progress for determinate and indeterminate processes. Determinate progress: fills the circular track with color, as the indicator moves from 0 to 360 degrees. Indeterminate progress: grows and shrinks the indicator while moving along the circular track.

rc.hstack(
    rc.circular_progress(value=0),
    rc.circular_progress(value=25),
    rc.circular_progress(
        rc.circular_progress_label(50), value=50
    ),
    rc.circular_progress(value=75),
    rc.circular_progress(value=100),
    rc.circular_progress(is_indeterminate=True),
)

rc.CircularProgress

The CircularProgress component is used to indicate the progress for determinate and indeterminate processes.

Prop	Type \| Values	Default
`cap_is_round`	`bool`
`is_indeterminate`	`bool`
`max_`	`int`
`min_`	`int`
`thickness`	`Union[str, int]`
`track_color`	`str`
`value`	`int`
`value_text`	`str`
`color`	`str`
`size`	`str`

Event Triggers

See the full list of default event triggers

rc.CircularProgressLabel

Label of CircularProcess.

Props

No component specific props

Event Triggers

See the full list of default event triggers