Components / Progress

Progress

Determinate progress toward a known end: an upload, a batch of posts going out. For work of unknown duration use Spinner.

import { Progress, ProgressLabel, ProgressValue } from '@layers/ui/progress'

Rendered stock

House rules

  • Compose ProgressLabel and ProgressValue as children when the bar needs a caption; they sit on one row above the track.
  • Indeterminate waits are a Spinner, never a stalled Progress bar.