Progress Indicators

• Usage
• Styles
• Accessibility

Overview

Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates. They communicate an app’s state and indicate available actions, such as whether users can navigate away from the current screen. Progress indicators generally have negative connotations among users. Use them sparingly. Instead, focus on optimizing loading.

Progress Indicators

Atoms

Spinners

Atoms

Sizes