Progress

A progress bar indicating completion status. Supports determinate (with value) and indeterminate (loading) modes.

Primitive: ProgressARIA: role="progressbar"
25%
65%
100%
progress.rs
use stratum_leptos::*;

view! {
    <Progress value=25.0 />
    <Progress value=65.0 />
    <Progress value=100.0 />
    <Progress /> // indeterminate
}

Installation

stratum add progress

Props

PropTypeDefaultDescription
valueOption<f64>NoneCurrent value (None = indeterminate)
maxf64100.0Maximum value

Accessibility

  • Renders with role="progressbar".
  • Sets aria-valuenow, aria-valuemin="0", and aria-valuemax.
  • When value is None (indeterminate), aria-valuenow is omitted.

Source

Primitive: progress.rs