Today I was looking around for a good DHTML loading bar and couldn't find one so I decided to make it myself! Here is the javascript that goes into the <head> part of the doc:
var x = 0;var y = 115;var a = 0;setTimeout(fadeIn, 1);function fadeIn(){document.getElementById("003").style.opacity=a;a = a+.1;if(a<1.1){setTimeout(fadeIn, 100);}else{setTimeout(progressBar, 1);}}function progressBar(){x = x+1;document.getElementById("001").style.width=x;document.getElementById("002").style.width=x;if(x<113){setTimeout(progressBar, 1);}else{setTimeout(fadeOut, 1000);}}function fadeOut(){document.getElementById("003").style.opacity=a;a = a-.1;if(a!=0){setTimeout(fadeOut, 100);}}
And here is the table that I put the bars and text in: <table id="003" style="opacity: 0; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0"><tbody><tr><td style="vertical-align: top; text-align: center;"><hr id="001" style="border: 1px solid rgb(51, 119, 255); margin-bottom: 0px; height: 2px; width: 0px;" noshade="noshade"></td></tr><tr><td align="center" valign="top"><span style="color: rgb(51, 119, 255);">Loading Conent</span></td></tr><tr align="center"><td style="vertical-align: top;"><hr id="002" style="border: 1px solid rgb(51, 119, 255); margin-top: 1px; height: 2px; width: 0%;" noshade="noshade"></td></tr></tbody></table>
Sorry, but this only works in FF, but with a little tweaking it could work in IE and Opera. Post if you have any Q's!