javascript - Internet Explorer, Loading Bar, 5.57MB page -

I have an unusual question about a web application that is loading 5.57 MB. I need a loading bar or ajax spinner that animates so that they know that things are moving in ~ 10-20 seconds load time. Most images are there, there are lots of JSs here too. The problem here is that Firefox is correctly all threads so that the animated GIT spinning. Animating The world is happy though, although the spinner loads the first few frames, the stammer stops already and does not do anything until the site is completely loaded. It also locks the browser on an unwanted load. This is loading when the page will be completed, even then the spinner closes during the first frame whether it is straightforward or trash. (A cache load is only ~ 2-3 seconds) Again, it does not leave IE in Firefox, Safari or modern browsers. Is there any way to load IE properly?

Loader code (by request): Note that it is difficult to interpret briefly due to the large code base, though it seems to catch the dilemma.

  & lt; Script type = "text / javascript" & gt; Function show_main_gui () {dojo.byId ("splashloader"). Style.visibility = "hidden"; } Function init () {show_main_gui (); } Dojo.addOnLoad (init); & Lt; / Script & gt; & Lt; Style type = "text / css" & gt; #splashloader {status: Completed; Z-index: 999; Width: 800px; Visibility: visible; Height: 600px; Background: #fff; Text-align: center; Color: # 1E4FD9; } & Lt; / Style & gt; & Lt; Table id = "splashloader" & gt; & Lt; Tr & gt; & Lt; TD & gt; IMG src = "Picture / Interface / SplashLoader .gif" & gt; & Lt; Span class = "loader" & gt; Loading ... & lt; / Span & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt;  

A table ... because it is easy to make vertical alignment in all browsers.

IE 8 and 7 are still loading with GIF animation freezing. If I show the spinner after the load, then the animation animates. I tried to call all other javascript apart from this, and load it on the cache, and it is still the first thing in IE just 1-2 seconds load Shows the frame.

You can dynamically load content in javascript, and status / progress status updates You can use your favorite technique to do Browser status text can be easy to use, but you can also use an area on the page to show animation and / or status.

  & lt; Script id = "postLoadJavascript" type = "text / javascript" & gt; & Lt; / Script & gt; & Lt; Script type = "text / javascript" & gt; Var imagesLoaded = 0; Var total images = 100; (ImagesLoaded = 0; images uploaded & lt; total images; image loaded ++) {window.status = 'image' + loading images + '' total images + '' ... '; Document.write ('& lt; img src = "image' + image loaded '.gif" /> gt;'); } Window.status = 'Loading additional JavaScript ...'; Document.getElementById ('postLoadJavascript'). Src = "theAdditionalJavascript.js" window.status = 'All loading has ended.'; & Lt; / Script & gt;