js进度条。

最新推荐文章于 2025-08-22 11:32:18 发布

wmgzx

最新推荐文章于 2025-08-22 11:32:18 发布

阅读量427

点赞数

CC 4.0 BY-SA版权

文章标签： function div javascript filter ie table

本文链接：https://blog.youkuaiyun.com/wmgzx/article/details/5614605

<html>
<head>
<title>进度条—qifei</title>
<script language="JavaScript">
var ie5 = (document.all&&document.getElementsByTagName);
var step = 0;
function setSB(v,el,inforEl,message) {
    if (ie5 || document.readyState == "complete") {
    filterEl = el.children[0];
    valueEl = el.children[1];

        if (filterEl.style.pixelWidth > 0) {
        var filterBackup = filterEl.style.filter;
        filterEl.style.filter = "";
        filterEl.style.filter = filterBackup;
        }

    filterEl.style.width = v + "%";
    valueEl.innerText = v + "%";
    inforEl.innerText = message;
    }
}
function setSBByStep(v,el,inforEl,message) {
    if (ie5 || document.readyState == "complete") {
    step = step + v;
    filterEl = el.children[0];
    valueEl = el.children[1];

        if (filterEl.style.pixelWidth > 0) {
        var filterBackup = filterEl.style.filter;
        filterEl.style.filter = "";
        filterEl.style.filter = filterBackup;
        }

    filterEl.style.width = step + "%";
    valueEl.innerText = step + "%"
    inforEl.innerText = message;
    }
}

window.onload = new Function("setSB(100,sb,infor,'loading completed')")

function fakeProgress(v,el) {
    if (v >= 101)
    location.href="index.htm";
    else {
    setSB(v,el,infor,"");
    window.setTimeout("fakeProgress(" + (v + 1) + ", document.all['" + el.id + "'])", 100);
    }
}
</script>
</head>
<body onLoad="fakeProgress(0,sb)">
<table width="50%" height="40" align="center">
<tr>
<td width="100%" height="34" align="center">
<div id=sb style="BORDER-RIGHT:white 2px inset; BORDER-TOP:white 2px inset; BACKGROUND:white; BORDER-LEFT:white 2px inset; WIDTH: 200px; BORDER-BOTTOM:white 2px inset; HEIGHT:10px; TEXT-ALIGN:left">
      <div id=sbChild1 style="FILTER:Alpha(Opacity=0, FinishOpacity=100, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); WIDTH:0%; POSITION:absolute; HEIGHT:6px">
          <div style="FONT-SIZE:1px; BACKGROUND:highlight; WIDTH:100%; HEIGHT:100%"></div>
      </div>
      <div style="FONT-SIZE:12px; WIDTH:100%; COLOR:black; FONT-FAMILY:arial; POSITION:absolute; TEXT-ALIGN:center; left:398px; top:33px;">0%</div>
</div>
<div id=infor style="FONT-SIZE:12px; WIDTH:100%; COLOR:black; FONT-FAMILY:arial; POSITION:relative; TEXT-ALIGN:center"></div>
</td>
</tr>
</table>
</body>
</html>