Skip to main content

Progress Bars

Progress indicators express an unspecified wait time or display the length of a process.

Specifications

A progress bar is represented by a white bar that is filled with color over time as loading occurs. There are two variants of progress bars: default and small.

Anatomy

Progress Bar Atoms

Behaviors

  • A progress indicator should fill up to completion as background loading tasks are complete.
  • Whenever possible, show the user a textual representation of their progress that corresponds to the loading indicator.
Last updated March 1, 2023.