Pattern library / Fictional demo
Progress and capacity
Inspect capacity bars, enrollment steps and upload progress.
Live specimen
Loading a report…
Design notes
Show the kind of waiting.
Use determinate progress when work has a measurable total. Use an activity indicator for an unknown duration. Motion respects the operating system’s reduced-motion preference.
Explore the system
Browser demo · Changes stay on this device. No bookings, payments or emails are sent to a real club.