When content is loading, show an activity spinner or a progress bar so users know something is loading and gauge how long it will take to load.

Activity spinners

When loading content, but you’re unsure how long it will take or you can’t measure the size of the download, use an activity spinner at the minimum.

Progress bars

Progress bars show a horizontal indicator displaying the percentage completed, and give a visual cue about how long a task is expected to take.

Progress circle

If there are multiple files or tasks processing simultaneously, a progress circle indicator may be more appropriate for lists or table layouts.

File 1
File 2
File 3

When tasks are complete, display a checkmark inside the circle.

Task 1
Task 2
Task 3

When file processing is complete, replace it with the file format icon.

File 1
File 2
File 3

Hey, smarty!

Login or signup to get started

What's your name?

What's your password? Lost Password
We sent a link to reset your password to your email.
Create a new password
Upload file