Lead: << Your name/s >> << Select the status -
| Status | ||||
|---|---|---|---|---|
|
| Status | ||
|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
| Status | ||||
|---|---|---|---|---|
|
Related Pages: << Links to related pages, if relevant >>
| Table of Contents |
|---|
Description
Progress indicators express an unspecified wait time or display the current completed ratio of a process or action.
...
Type | Usage | Image |
|---|---|---|
For operations in which the length of the process is known. Determinate operations display the Linear progress indicators display process by visualizing an indicator increasing in width from 0 to 100% of the track, a track. This is animated in sync with the process’s progress.Linear progress indicators are ideal for longer activities (more than 10 seconds). The behaviour of the indicator is dependent on whether the progress of a process is known |  | |
Circular progress indicators display progress by animating an indicator along an invisible circular track in a clockwise direction. The behaviour of the indicator is dependent on whether the progress of a process is known. They can be applied directly to a surface, such as a button or card. |
...
The placement of a progress indicator can indicate the scope of a process . Progress indicators should only be placed at the top or in the center of a container or component depending on and the type of indicator being used.
Default State
Progress Generally, progress indicators should be hidden by default and only appear on screen when they are active. Once complete, the progress bar should return to it's default state (removed from view) in most cases replaced by the content that was loadedExceptions to this guideline are detailed within specific types of indicator.
States
<<e.g. active disabled, error, hover, temporary (spinner size), empty etc...>>
...