Adding a page loader using jQuery

Question

I need a little help. I do not know where to start. I need to add a page loader to my website. I first submit a form it then uses SimpleXML to call an exterior XML Sheet with expedia... It takes a minute to load, so I would like to add the image loader to this page. But how do I go about doing this? I have looked on Google and could not find any useful info.

I need it to show the loader until the COMPLETE page has loaded.

Answer 1

“html loader using jquery” Code Answer

1. $('body'). append('<div style="" id="loadingDiv"><div class="loader">Loading...</div></div>');
2. $(window). 
3. setTimeout(removeLoader, 2000); //wait for page load PLUS two seconds.
4. });
5. function removeLoader(){
6. $( "#loadingDiv" ). 
7. // fadeOut complete. 
8. $( "#loadingDiv" ).