Overview

Progress bars help you to display the progress of projects or other events.

Feature showcase

This is a sample simple progress bar (static).

  1. Stage One
  2. Stage Two
  3. Stage Three
  4. Stage Four
  5. Stage Five

They can have headings (no description) and you can light up what point of the line. It uses the secondary and Tertiary colours defined in the site asset metadata.

They can be placed anywhere on a page.

  1. Planning
  2. Proof of concept
  3. PoC Pilot
  4. UAT of PoC
  5. End of PoC

Add this feature to your site

Guide to adding static progress bars (requires log-in)

Top accessibility tip

Use headings to reinforce clear communication of the progress bar (never just use colour alone to convey meaning):
accessibility.sa.gov.au/your-role/visual-design/colour-and-contrast