Status and feedback

Spinner and progress

A spinner for short, unknown waits inside a control; a progress bar for jobs with a known size (cloth sync, bulk import) and an indeterminate bar for the page loader.

Live specimen

Lifted from the approved family page at build time; interact with it.

Spinners and progress

A spinner when the wait is unknown, a bar when it is counted.

Checking releases…
Sync cloths1,840 of 3,612
Holland & Sherry · 2 min left
Reading the order bookERP
Usually under 10 seconds
Import pricesDone
Import pricesStopped at 62%
Step progress
  • Create brand record2s
  • Link ERP account6s
  • Clone catalogue41s
  • Stock cloths
  • Take online
Route change
RJ Clothing/Orders
Staging?FW
Orders

Loading 214 orders…

Uses.spin.sf-barrole=progressbar.btn[aria-busy].sf-steps.sf-topload

from families/status-feedback/#loading-spin