Usage

A graphical indicator to inform the user on the state of a process.

• Use a determinate indicator when the system knows and can report on how long a process will take.
• Use an indeterminate indicator when the system does not know how long a process will take.

Types

Determinate (Counting)

Bar indicating a process of known duration for a known number of objects is in progress.

Indeterminate (Loading)

• Use this indicator when the location allows a rectilinear form factor.
• Typically used in a Datagrid or in a list.
• This indicator is used when the process is of an indeterminate length, it animates in a repeated cycle for as long as the process takes.
• Most often used for document uploading.

Indeterminate (Circular Ring)

Ring indicating a process of known duration indicator is in progress.

• Used for limited spaces - toolbars and table cells?

Indeterminate (Branded Spinner - deprecated)

• Most often used for page loading.

Options

• Title - Name of the process being indicated.
• Segments - Parts of the process being indicated.
• Known/Indeterminate Duration - Whether it is known when the process will finish.