Spinner
You might say
Show a loading spinner when things take a while, or people will think the page is broken.
A rotating indicator that shows a short, indeterminate waitUse a spinner for a brief wait with no reliable completion percentage, such as a submit button, local refresh, or modal task. Name the work in progress; for a long wait, offer cancellation, retry, or a failure result.
Loading Spinner
You can say this to an AI Agent
When saving starts, show a Spinner and Saving in the current button and disable duplicate clicks; restore it with a visible success or failure result. Simulate a two-second wait and one failure, confirming no duplicate request and both outcomes are visible.
When to use it
- Brief wait after button submissionSaving settings…
- Refreshing a local sectionSaving settings…
- Work with no measurable totalSaving settings…
Anatomy
Saving…
Moves continuously without implying a fake percentage
Names the task the system is processing
Variants
In button
When submission temporarily locks the action
Inline
Refreshing
When a list or area updates
Centered
Loading
While a modal or blank panel is processing
Typical use cases
Save button
List refresh
Recent projects
Modal processing
Exporting reportKeep this window open
Recommended tool
Web fine-tuning tool · Selector Pro
Select page elements for precise AI edits
Click a button, text, or card, note the change, then copy its exact location to AI.
Open Selector Pro website↗Further reading
Quick check