A progress bar is a graphical element that informs users of the current
working state of a task. It can be used to reduce uncertainty.
Default progress bar
Assign colours to your progress bar using the
sgds-progress is-*stateColor* class.
Always give some type of immediate feedback, such an animated visual
change. Without any visual change from the system, most users will
assume the action was not registered and they will try again.
Don't use static progress indicators, such as an unmoving image or text.
If the system hangs or becomes stuck, the user has no way of knowing if
they need to restart the action.
Avoid using don't-click-again warnings as users rarely read excess word
count (until it's too late). The way to avoid extra clicks is to show
the user that the first click has been accepted and is being worked on.