Progress

Show task completion progress.

Core Examples

Accessible React components with Base UI and Yumma CSS.

Base

Standard implementation with default configuration.

Sprint progress
x

Indeterminate

Shows a mixed state when neither checked nor unchecked.

Syncing tasks
x

Meter

Shows a Meter for measured progress thresholds.

Storage used
x

Shape Examples

Shapes from sharp to fully rounded.

Square

Applies sharp corners with no border-radius.

Sprint progress
x

Squircle

Applies a smooth continuous curve between adjacent corners.

Sprint progress
x

More Examples

Additional variants and interactive states.

Static

Renders without motion wrappers or interactive animations.

Sprint progress
x