Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Show spinning wheel or progressbar when website is loading

I am building a treeview with a jQuery plugin called jquery-treeview. Building up this treeview takes a lot of time (ca. 5-7 sec) and I want to show a spinning wheel or a progress bar when the page is loading. Does anyone know how to do that? I only found solutions for loading videos or images where it is known how much data has to be loaded.

like image 446
nimrod Avatar asked May 02 '12 07:05

nimrod


People also ask

What is the spinning wheel icon called?

A throbber, also known as a loading icon, is an animated graphical control element used to show that a computer program is performing an action in the background (such as downloading content, conducting intensive calculations or communicating with an external device).

How long does it take for a spinner to show?

The 4-Second Rule. If you want users to stay on your app, don't use spinners for processes that take longer than 4 seconds to load. A research study has found that the tolerable wait time for users is 4 seconds. This finding means that their behavioral intentions begin to change after 4 seconds.


1 Answers

Try this website:

http://fgnass.github.com/spin.js/

You can create a spinner of your choice and then they give examples of how to use it below.

Hope that helps :)

like image 153
James Thomas Avatar answered Sep 20 '22 02:09

James Thomas