The loading bar seen above was created with the code below:
<script type="text/javascript">
<!-- Hide this code from non-JavaScript browsers
document.write('<div align="center">\n');
LDB_max=150; // number of images
LDB_width=1; // image width
LDB_height=8; // ...height
LDB_src1='zf0_blak.gif'; // image for background
LDB_src2='zf0_whit.gif'; // ...for overlay
LDB_time=50; // overlay time in milliseconds
LDB_out='';
for (LDB_ix1=0; LDB_ix1<LDB_max; LDB_ix1++) {
LDB_out+='<img src="';
LDB_out+=LDB_src1+'" name="LDB_image';
LDB_out+=LDB_ix1+'" id="LDB_image'+LDB_ix1;
LDB_out+='" width="'+LDB_width+'" height="'
LDB_out+=LDB_height+'" \/>';
}
document.write(LDB_out);
document.write('<\/div>\n');
LDB_TimeOut1=setTimeout("LDB_next()",LDB_time);
LDB_ix1=0;
function LDB_next() { // next overlay
if (LDB_ix1 < LDB_max) { // more to do
LDB_ID='LDB_image'+LDB_ix1;
document.images[LDB_ID].src=LDB_src2;
LDB_ix1=LDB_ix1*1+1;
LDB_TimeOut1=setTimeout("LDB_next()",LDB_time);
} else { // done
clearTimeout(LDB_TimeOut1);
}
return true;
}
// End hiding -->
</script>