Logo of UI Challenges
Sign in
Wireframe example for Loading or Progress page
An example interpretation of the prompt
Icon of target

Loading or Progress page

Icon of book open

Design a loading or progress page for a task that takes long enough to need reassurance: uploading a file, importing data, generating a report, or loading a game level. The screen should tell the user what is happening right now, how far along it is, and what they can do while they wait.

Use one clear status headline and a secondary line that adds context, such as current step, item count, percent complete, or estimated time remaining. If the task has phases, show that structure instead of a generic spinner. If progress is indeterminate, make that clear without pretending to know the finish time.

Include the important states around the wait: initial loading, active progress, stalled or slow network, and finished. When something goes wrong or takes too long, the screen should keep the user oriented and offer a next action like retry, cancel, or continue in the background.

Keep the layout calm and stable. Progress should be readable at a glance, work on small screens, and not depend on animation alone to communicate status.

Icon of book open

Incorporate a subtle animation or an interesting fact to keep users entertained while they wait, reducing perceived wait times.

Better at UI design with every challenge

Select complexity and generate challenge.

Pick a platform.

You can always choose to receive scheduled challenges. A unique design prompt will be sent to your email daily for the duration you select.

Get design challenge updates in your inbox

New prompts and challenge updates. It’s free.