Progress
An inset clay well with a gradient bar that glides on a soft easing curve. Four tones, three sizes, plus an indeterminate mode.
import { Progress } from "marclayui";Values, tones & sizes
Uploading72%
Bandwidth
Compact
Almost full
Indeterminate
Connecting…
| Prop | Type | Default | Description |
|---|---|---|---|
value / max | number | 0 / 100 | Current and maximum values; clamped and aria-tracked. |
tone | "primary" | "secondary" | "accent" | "danger" | "primary" | Fill gradient. |
size | "sm" | "md" | "lg" | "md" | Track height. |
label / showValue | React.ReactNode / boolean | — | Header row with name and percent. |
indeterminate | boolean | false | Animated sliding chunk instead of a width. |