Progress bar

A progress bar is a linear indicator that express an unspecified wait time or display the length of a process.

Overview / Hero - KL

Anatomy

A progress bar always consists of a track and an indicator. An optional label can be applied to mention the type of process or the progression (in case of a determinate progress bar, see Types).

Overview / Anatomy - KL

Types

Progress bars support both indeterminate and determinate operations:

  • Indeterminate operations display the indicator continually growing and shrinking along the track until the process is complete. Use when the progress of a process is unknown
  • Determinate operations display the indicator increasing in width from 0 to 100% of the track, in sync with the process’s progress.
Overview / Types - KL