Progress Indicators

Progress indicators display the amount of a task that is currently complete, given the task's entire length. There are four types of progress indicators that show the overall timing length of the task and the amount of a task that has been completed.

The following table provides additional information with image examples after the table.

Type Description
Progress pill Use this indicator to show download progress, loading from a database or progress during a long operation, and you know the task's approximate duration. The horizontal bar in the pill updates as the task progresses. Tap the X to cancel the task. Implemented by using the Mojo.Widget.ProgressPill API.
Progress slider Commonly used in audio/video applications where you know how long the content is, want the user to know where they are in the playback process, and allow them to control it. The tracking slider moves as the content plays. Drag it to move the "playback head" or tap anywhere along the slider to reposition it. Implemented by using the Mojo.Widget.ProgressSlider API.
Progress bar Use this indicator to show the progress of a task (e.g., launching, initializing, etc.) and you know the task's approximate duration. The progress bar only shows the progress; the user cannot cancel the task. Implemented by using the Mojo.Widget.ProgressBar API.
Inline progress bar Commonly used in lists that display the names of song files. Allows the user to tap a list item and hear a preview.
image

Examples of Progress Indicators