Progress

Determinate progress bar with optional label and value parts.

Import

import { Progress, ProgressTrack, ProgressIndicator, ProgressLabel, ProgressValue } from "@repo/design-system/components/ui/progress";

Progress renders its own track and indicator — a value prop is all it needs.

Basic

x

x

x

ProgressLabel and ProgressValue render inline above the track when passed as children.

With Label and Value

Storage used

x

Import progress

x