Progress Bar

Progress bar indicates a progress of a long-running action that can be measured or estimated.

#

#

#

  • When action was performed in the past, prior to user loading the current page.
  • When action is expected to run for a long time and progress can be measured or estimated.

#

  • If action is expected to finish quickly, use a spinner.
  • If you need to display an indication of a progress immediately after user performs an action, use a spinner.

#

Inherits margin props.

NameDefaultDescription
value

number

Progress value, a number between 0 and 100.

On this page

  • Example
  • Guidelines
  • When to use
  • When not to use
  • Props