Should i use the traditional "rotating gif" on a semi transparent overlay? Or should i use a top loading bar, like YouTube and Instagram do?

I'm talking about the websites, not the native apps. Thanks!

closed as primarily opinion-based by jazZRo, Andrew Martin, locationunknown, JonW Oct 24 '17 at 13:08

Many good questions generate some degree of opinion based on expert experience, but answers to this question will tend to be almost entirely based on opinions, rather than facts, references, or specific expertise. If this question can be reworded to fit the rules in the help center, please edit the question.

  • 1
    As a user i personally like a loading bar showing the percentage of the page loaded. This helps the user to understand if the page refresh is required when there is performance related issue – A user Oct 24 '17 at 9:37
  • It depends on too many factors to give a useful answer. I voted to close this because it's far too broad. – jazZRo Oct 24 '17 at 9:42
  • @jazZRo The question seems to be pretty simple, actually. There's just too options and i'm asking which of them is the best. Of course i would appreciate getting some references like researches and so on... I don't understand why you think it's far too broad. – Seu Madruga Oct 24 '17 at 9:48
  • Every site will have different answers. It depends on context, content, users, aesthetics etc. Also it is not clear why you rely on just those two options as there are many ways to communicate that content is loading or needs to load first. – jazZRo Oct 24 '17 at 10:33
  • Pro tip: Make sure it is visible and doesn't have too many bells and whistles – Shreyas Tripathy Oct 24 '17 at 10:54

Instead of traditional infinite loader, try using a content preview mode. This gives user better feedback of what's going on, and where on the UI data is loading.

Example: enter image description here


It's down to the site you're displaying it on. Certain types of sites will require certain types of loading/progress bars. Check these out for a bit of inspiration but make sure the design matches the content of the site or page. https://designmodo.com/progress-bars/

Also keep in mind the users of the site - what is their general persona and what would you think they'd prefer to see? Basically, make it relervent.

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