Progress Bar
Display percentage values by incrementing values in a bar.
When to use
Use the Progress Bar to show the current progress of a task flow in a progress bar. You can also show progress in a Progress Circle or Progress Circle Fraction display type. Be consistent, for example, if an action displays a linear indicator on one screen, that same action should not use a circular indicator elsewhere in the app.
Is Inline
Set the orientation of the value placeholder.
Size
Customizes the size of the progress bar to change its emphasis accordingly.
Shape
Alternative shapes with sharper and less round edges can be used.
Color
All the
color palettes are available to be used as background.
See more information on implementing this pattern in the
product documentation