Skip to main content
Version: v3

Progress

The progress indicator provides feedback on the current task progress and reasonable time consumption. It guides uses to complete the target tasks and makes the wait clear and hassle-free.

Design goals​

  • Help the user understand the current status and provide sufficient support for the user's subsequent decision-making.
  • Provide well-founded reasons for the wait to ease user anxiety while waiting.

Horizontal progress bars​

Horizontal progress bars are used to describe the progress of a task.

Design

Design

Circular progress bars​

Circular progress bars are used to describe the progress of a task.

Design

Please note that the circular progress bar may become a horizontal progress bar when adapting to the layout on non-circular screens.

Design

Text progress indicators​

Text progress indicators are used to describe the progress of a task in text.

Design

Design