zoukankan      html  css  js  c++  java
  • 一个简单的进度条

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>进度条</title>
    <style type="text/css">
    body{margin:0px;padding:0px;}
    #veryhuobox{line-height:20px;300px;height:20px;background:#ccc;text-align:left;margin:100px auto 0 auto;}
    #veryhuoLoading{color:#fff;font-size:12px;line-height:20px;0px;height:20px;background:#C3C;text-align:center;position: absolute;

    }
    </style>
    <script type="text/javascript">
    window.onload=function(){
    var idiv=document.getElementById('veryhuoLoading');
    var veryhuobox=document.getElementById('veryhuobox');
    var timer=null;
    timer=setInterval(function(){
    var iWidth=idiv.offsetWidth/veryhuobox.offsetWidth*100;
    idiv.style.width=idiv.offsetWidth+1+'px';
    idiv.innerHTML=Math.round(iWidth)+"%";
    if(iWidth==100){
    clearInterval(timer);
    location.href="http://user.qzone.qq.com/178141127/infocenter";
    }
    },1);
    }
    </script>
    </head>
    <body>
    <p>正在登录请稍等。。。。</p>
    <div id="veryhuobox">
    <div id="veryhuoLoading"></div>
    </div>
    </body>
    </html><div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果,请按Ctrl+F5刷新本页,更多网页代码:<a href='http://user.qzone.qq.com/178141127/infocenter' target='_blank'>http://user.qzone.qq.com/178141127/infocenter/</a></div>

  • 相关阅读:
    【转载】阿里云轻量应用型服务器和ECS服务器比较
    Android -- 启动模式
    Android -- Broadcast接收
    Qt正则表达式提取数据
    Android -- Intent
    Android -- 多线程下载
    Android -- ContentProvider与联系人
    Android -- 内容观察者
    Android -- ContentProvider
    Android -- ListView与ArrayAdapter、SimpleAdapter
  • 原文地址:https://www.cnblogs.com/mengziHEHE/p/3343592.html
Copyright © 2011-2022 走看看