CODEWITHSUNDEEP
jqueryhtmlcssgoogle-chromespinner
aakashgupta.0205
aakashgupta.0205

Reputation: 687

Remove the loading spinner in google chrome tab

I am trying to make a website for my project. While surfing for some "cool" ideas, I stumbled upon https://www.fliplingo.com/. On this website, when you click on any tab, the icon of the website in the chrome tab does not change to the spinner icon. Instead there is a progress bar and a spinner on top of the page itself. How exactly do i go about doing this?

Upvotes: 0

Views: 2426

Answers (1)

Enkode
Enkode

Reputation: 4803

This exact site implemention of the spinner is done with ng-progress / angular SPA. You can see that when they page is loading the ng-progress-busy class is added to the html tag.

http://victorbjelkholm.github.io/ngProgress/

Another Solution if you just want the Progress bar without Angular to use on an AJAX call or page load with you can use NProgress https://github.com/rstacruz/nprogress This is what the NgProgress was based from

An example for slim progress bars like on YouTube, Medium, etc http://ricostacruz.com/nprogress

Upvotes: 1

Related Questions