Progress Indicators

Planned

Progress indicators describe load times and/or processes. Times may be known (determinate) or unknown (indeterminate). Both utilize unique patterns. When large sections of content are loading on a new page, use the skeleton state of those components. Progress indicators have three main advantages: They reassure the user that the system has not crashed but is working on his or her problem; they indicate approximately how long the user can be expected to wait, thus allowing the user to do other activities during long waits; and they finally provide something for the user to look at, thus making the wait less painful. — Jakob Nielsen

Progress Indicators

Anatomy


Specs


States

Theming

Placement

Behavior

Developer Docs

Vue Developer Docs

Component documentation coming soon!