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>