一款带百分比渐变的js网页Loading进度条效果

<html>
    <head>
    <title>一款带百分比渐变的js网页Loading进度条效果丨kiddy官网title>
    <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://www.33567.cn";
    else     {
    setSB(v, el);
    window.setTimeout("fakeProgress(" + (++v) + ", document.all['" + el.id + "'])", 20);
    }
    }
    script>
    head>
    <body onload="fakeProgress(0, sb)">
    <center>
    Webdm.cn正在载入中,请稍侯……
    <span id=sb style="width: 302px">
    <div style="filter: Alpha(Opacity=0, FinishOpacity=60, style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); width: 0%; height: 12px; position: absolute; background: #0066cc">div>
    <div style="font-size: 9pt; width: 100%; text-align: center">DIV>
    span>
    center>
    body>
    html>
    <br><br><hr>
    

 

转载于:https://www.cnblogs.com/youtianxia/p/4718041.html

你可能感兴趣的:(一款带百分比渐变的js网页Loading进度条效果)