Show spinning wheel or progressbar when website is loading

Question

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.

Answer 1

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 :)

Answer 2

Hiya see this demo http://jsfiddle.net/hEB7d/ or http://jsfiddle.net/Eh8tU/ (just to show image)

Bruv , for progress bar try twitter bootstrap, or flick some code I might be able to see an help you out.

Idea is that code know when on load and on success will happen for your code snippet and put the image load in-between that process.