Progress indicator

v4.0.0

Progress indicators provide visual feedback to users to let them know and understand their current context at any given time and be assured that they are progressing through the system.

Released

History
View changes
Install
npm i @gold.au/progress-indicator
Tags
Requires
Contributors
  • Patrick De Young avatar picture
  • Dominik Wilkowski avatar picture
  • Trevor Brennan avatar picture
  • Alexander Sadleir avatar picture
  • Gary Broadbent avatar picture
  • Alex Page avatar picture

Colour impairment

How the progress indicators are viewed with various colour blindnesses

Example

Grayscale

How the progress indicators are viewed with total colour blindness.

Example

Keyboard accessibility

How keyboard navigation works with progress indicators.

Example

Screen readers

[List 3 items].

[Link] doing introduction.

[Link] to do business contracts.

[Link] done case studies.

How the progress indicator demo is described by assistive technology.

As read with macOS High Sierra VoiceOver.

Related components

Feedback