Skip to main content

Progress Bars

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


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.


Progress Bar Atoms


  • 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.