显示进度条 - 爱码网

<html>
2

<head>
3

<title>Helene - Syntax Highlighting Editor in Javascript</title>
4

<html>
<head>
<title>Helene - Syntax Highlighting Editor in Javascript</title>
<script language="javascript">

//显示进度条
function showBar(ImageID, Position, MaxPosition)
{
var objImg = document.getElementById(ImageID);
objImg.src="GrowPic.gif";
var objImgNext;

Position=Position+1;
if(Position <= MaxPosition)
{
objImgNext = "Bar" + Position;
}
else
{
  //重置状态为初始值
  var objImgNew;
  for(var i=1;i<=MaxPosition;i++)
  {
   objImgNew = document.getElementById('Bar'+i);
   objImgNew.src="GrowPicBG.gif";
  }
  objImgNext = "Bar1";
  Position = 0;

}
  //设置显示下一幅图片
    setTimeout("showBar('"+objImgNext+"', "+Position+","+MaxPosition+")",100);
}

//创建图片资源，用于进度条显示时使用
function CreateImages(varCounts)
{
var varInnerText="";
for(var i=1;i<=varCounts;i++)
{
varInnerText += "<img id='Bar"+i+"' src='GrowPicBG.gif' alt='' />"
}
document.all.ProgressBarID.innerHTML=varInnerText;
}
</script>

</head>
<body onload="document.All['Loading'].style.visibility=none">
<div >

</body>
</html>