进度条（百分比）

lqscoke

于 2007-06-15 23:46:00 发布

阅读量755

点赞数

CC 4.0 BY-SA版权

分类专栏： 1.0 JavaScript 1.2 JS页面效果(特效)分类文章标签： javascript html filter div ie

本文链接：https://blog.youkuaiyun.com/lqscoke/article/details/1653946

1.0 JavaScript 同时被 2 个专栏收录

61 篇文章

订阅专栏

1.2 JS页面效果(特效)分类

19 篇文章

订阅专栏

本文介绍了一种在Internet Explorer 5浏览器环境下实现伪加载进度条的方法。通过使用JavaScript结合HTML及CSS，创建了一个动态更新宽度的进度条效果，并在加载完成时跳转至指定页面。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">

<SCRIPT language=javascript>
  function setSB(v, el) {
    var ie5 = (document.all && document.getElementsByTagName);
    if (ie5 || document.readyState == "complete")     {
      filterEl = el.children[0];
      valueEl = el.children[1];
      filterEl.style.width = v + "%";
      valueEl.innerText = v + "%";
    }
  }
  function fakeProgress(v, el) {
    if (v > 100)
      location.href = "http://blog.youkuaiyun.com/lqscoke";
    else     {
      setSB(v, el);
      window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
    }
  }
</SCRIPT>

<BODY bgColor=#ffffff topMargin=60 onload="fakeProgress(0, sb)">

<SPAN id=sb style="WIDTH: 300px">
<DIV
style="BACKGROUND: #ff0000; FILTER: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0,

StartY=0, FinishX=100, FinishY=0); WIDTH: 0%; POSITION: absolute; HEIGHT: 12px"></DIV>
<DIV
style="FONT-SIZE: 12px; WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: arial; TEXT-ALIGN:

center"></DIV></SPAN>

</BODY></HTML>