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. – Madalina Taina Sep 23 at 18:33

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 Sep 22 at 23:52

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

https://www.sitepoint.com/5-progress-loading-lines-youtube-style-jquery-plugins/

Your Answer

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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