进度条

 

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" >
< HTML  xmlns ="http://www.w3.org/1999/xhtml" >< HEAD >< TITLE > Untitled Page </ TITLE >
< META  http-equiv =Content-Type  content ="text/html; charset=gb2312" >
< SCRIPT  language =JavaScript1.2 > ...

var duration=5 //步长

var clipright=0//距离右面的像素数量
var widthIE=0//
var widthNS=0
var startIE;

function initializebar()
...{
 if (document.all)
 ...{
  widthIE=bar.style.pixelWidth
  startIE=setInterval("increaseIE()",100)
 }
}

function increaseIE()
...{
 bar.style.clip="rect(0 "+ clipright +" auto 0)"

 if (clipright<widthIE)
  clipright=clipright+(widthIE/(duration*20))
 else
  clearInterval(startIE)
 
}

window.onload=initializebar

  </ SCRIPT >

< META  content ="MSHTML 6.00.3790.4106"  name =GENERATOR ></ HEAD >
< BODY >
< DIV  style ="Z-INDEX: 1; HEIGHT: 20px" >
< DIV  id =barbackground 
style ="Z-INDEX: 2; LEFT: 0px; WIDTH: 200px; POSITION: absolute; TOP: 0px; HEIGHT: 20px; BACKGROUND-COLOR: black" ></ DIV >
< DIV  id =bar 
style ="Z-INDEX: 3; LEFT: 0px; WIDTH: 200px; POSITION: absolute; TOP: 0px; HEIGHT: 20px; BACKGROUND-COLOR: blue" ></ DIV ></ DIV ></ BODY ></ HTML >