Progress

A Progress indicator signals that an application is busy performing an operation.

When operations take five seconds or longer to complete, add a progress feedback element to your design.

Rules of Thumb

  • Use Indeterminate Progress mode to continually display unknown progress for an operation.
  • Use Determinate Progress mode when an operation has a well-defined duration or a predictable end.
    Don’t provide inaccurate time or percentage estimates if the precise completion time for the operation is unknown.

Examples

Do: Use a Determinate Progress Bar to indicate to users how much of an operation has been completed.
Do: Use a Determinate Progress Bar to indicate to users how much of an operation has been completed.
Do: Use an Indeterminate Progress control to indicate that an application is busy performing an operation but the progress is unknown.
Do: Use an Indeterminate Progress control to indicate that an application is busy performing an operation but the progress is unknown.