enter image description here enter image description here

Lots of applications and sites (particularly SPAs or sites with lots of data to load such as YouTube) have a progress bar that is displayed at the very top of the screen.

Does this have a special name?

  • Preloaders (or progress indicators) are interface elements that let users know that the website hasn’t crashed, it’s just processing data. Commented Sep 23, 2018 at 18:33

3 Answers 3


According to Material.io, these UI elements are called progress indicators:

Progress indicators inform users about the status of ongoing processes, such as loading an app, submitting a form, or saving updates. They communicate an app’s state and indicate available actions, such as whether users can navigate away from the current screen.


That's a progress indicator.

I think Flickr might be the first one start using this in early days, that will be back at least 10 years ago, then Material design release an official doc and usage for this.

  • 1
    It goes to show that certain design trends/patterns emerge and disappear in cycles :)
    – Michael Lai
    Commented Sep 22, 2018 at 23:52

Sitepoint called it "Progress Loading Line".
Which seems like specific, "progress indicator" is general term.


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.