Loading state

A loading state is what fills the screen when the user is waiting for something — a spinner, a skeletonSkeletoncomponentsA placeholder shape shown while content loads., a progress bar. Without it, the user does not know if their click worked or the page is broken.

For loads under one second, a brief spinner is enough. For longer loads, skeletonSkeletoncomponentsA placeholder shape shown while content loads. placeholders feel faster and tell the user what is coming. For very long operations, show progress with a real number.