Progress

Communicates determinate, completed, or indeterminate task progress.

@rivetui/progress

Preview

Explore each composition interactively, then open its code in the same context.

Pair the visual track with a visible label and value.

Note

Non-percentage ranges use min, max, and a custom value formatter on the same composition.

Uploading deployment artifacts

36.8 MB / 51.2 MB12 sec remaining

Use a numeric value for determinate progress and null while the duration is unknown.

Building

Complete

Waiting

Registry

Add the component source and its declared dependencies with the shadcn CLI.

Install component

$bunx --bun shadcn@latest add @rivetui/progress

Public interface

Component-specific props are listed here. Native element and Base UI props continue to pass through.