Skip to main content
Version: v1.0

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

In order to fit the layout of a non-circular screen, a circular progress bar will be changed to a horizontal progress bar on pages that exceed one screen.

Design

Text progress indicators​

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

Design

Design