This question might sound similar to Rails turbolinks long request doesn't show page load.
I've recently started new Rails 4 application, which uses Turbolinks library by default - it is awesome: makes the application feel faster/snappier, however I do have some pages that are slower than others.
Unfortunately I can't find a good way to make a browser show the default loading indicator - just like it does when it loads "conventional" web pages. People remend different JavaScript solutions, for example, . Although some do look good, but "average internet user" is not used to seeing loading progress somewhere other than the default browser's loading indicator.
- How can I make Chrome show that "spinning semi-circle" in the tab header?
- Or how can I make Safari show that "moving blue wave" in the address bar?
- Etc.
Most of my pages are fast though, so I'd like to show this loading indicator for the pages that won't load within 300 ms, for example.
Thank you! Alex.
This question might sound similar to Rails turbolinks long request doesn't show page load.
I've recently started new Rails 4 application, which uses Turbolinks library by default - it is awesome: makes the application feel faster/snappier, however I do have some pages that are slower than others.
Unfortunately I can't find a good way to make a browser show the default loading indicator - just like it does when it loads "conventional" web pages. People remend different JavaScript solutions, for example, https://github./caarlos0/turbolinks_transitions. Although some do look good, but "average internet user" is not used to seeing loading progress somewhere other than the default browser's loading indicator.
- How can I make Chrome show that "spinning semi-circle" in the tab header?
- Or how can I make Safari show that "moving blue wave" in the address bar?
- Etc.
Most of my pages are fast though, so I'd like to show this loading indicator for the pages that won't load within 300 ms, for example.
Thank you! Alex.
Share Improve this question edited May 23, 2017 at 10:30 CommunityBot 11 silver badge asked Sep 27, 2013 at 3:24 Alex KovshovikAlex Kovshovik 4,2254 gold badges36 silver badges37 bronze badges 2- Here is what I do: gist.github./cpuguy83/5016442 – cpuguy83 Commented Nov 13, 2013 at 14:27
- That's a great answer and worked fine for me: stackoverflow./a/18815206/101900 – Gedean Dias Commented Sep 16, 2014 at 12:03
1 Answer
Reset to default 8While this isn't exactly what you want, you can change the cursor to be the loading cursor using javascript like this.
$('selector').css( 'cursor', 'wait' );
It would definitely let users know that a page is loading. You can set/remove it with more javascript