Concept cluster

Wait and track progress

Compare unknown waiting time, measurable completion, and a layout preview while content loads.

Try the 3 concepts, compare what changes, then use the Pack that fits your need.

Try it

Is duration unknown, measurable, or should the content shape be preserved?

Shared trial context

A workspace waits for content or an operation to finish and communicates only the progress it can measure honestly.

Start saving, verify duplicate activation is blocked, read the busy status, and wait for the final status.

Hold the wait to observe it

The document is ready to save.

Step 1 of 3

Try

Try the component. Your live result appears just above. Move on at your own pace.

Behavior and edge case

What to observe: The button exposes Saving, prevents a duplicate request, and shows a redundant animated indicator.
Edge case: After a long threshold, the interface adds explanatory text and a cancel or retry path instead of spinning forever.

Spinner communicates an indeterminate wait; Progress bar shows measurable completion, while Skeleton previews the shape of content still loading.

Which fits your need?

A short operation has no meaningful completion value

Uploading a file with reliable byte progress

Which component will you use here?Use SpinnerUse Progress bar

Difference and sources

Spinner communicates an indeterminate wait; Progress bar shows measurable completion, while Skeleton previews the shape of content still loading.

Select a numbered marker on the schematic, or use the list below, to see its role. The schematic shows the concept's representative state.

Status icon

A redundant visual cue for the message type, never the only cue.

These descriptions fit every concept in the cluster, so none of them is enough to decide.