高手帮我——加载进度页面

用flash做~~
或者<SCRIPT LANGUAGE="JavaScript">
var a = setInterval("cc()",10)
var b = 0;
function cc() {
b = b + 1
window.status = "■■■■■■■■■■■■■■■■■" + b;
if (window.status.sub == "100%")clearInterval(a)
window.status = window.status.replace("%","");
window.status = window.status.replace(/\d/g,"") + b;
window.status += "%"
if (window.status.substr(window.status.length-4)=="100%")clearInterval(a),setTimeout("window.status='载入完毕'",300);
}
</SCRIPT>

解决方案 »

  1.   

    <html>
    <script language=JavaScript>
    var load_line_i=1;
    var load_line_n=500;
    function load_n(txt)
    {load_line_i+=400/load_line_n;
    window.status="请等待..已完成"+Math.floor(load_line_i/4.00)+"%";
    load_txt.innerText=txt+" "+Math.floor(load_line_i/4.00)+"%";
    document.all("line").width=load_line_i;}
    function finish(){
    if(confirm("已经下载完成..关闭对话框吗?"))document.all("load").style.display='none';}
    </script>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <meta name="GENERATOR" content="Microsoft FrontPage 4.0">
    <meta name="ProgId" content="FrontPage.Editor.Document">
    <title>loading</title>
    <style type="text/css">
    <!--
    body, td, div, table { font-size: 9pt}
    #load{font-size: 9pt; cursor: default; position: absolute; display:block;width:402;height:20;top:expression((document.body.clientHeight-50)/2);left:expression((screen.width-400)/2); display: block; z-index:100;background:#EDECE9}
    .px1{border: 1px solid black;}
    -->
    </style>
    </head><body onload=finish()>
    <div  id=load>请稍候..
    <div class=px1><img  id=line src="px.gif" style="background:red" height=10></div>
    <div id=load_txt>dd</div>
    </div>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script><script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    <script>load_n("已完成:");</script>
    </body>
    </html>
      

  2.   

    <body style="background:black">
    <div style="position:absolute;width:322;height:14;border:1 #707888 solid;overflow:hidden">
    <div style="position:absolute;top:-1;left:0" id="pimg">
    </div>
    </div>
    <div  style="position:absolute;top:30;left:120;font-size:9pt;color:#f4f4f4" id="abc">
    Loading.............
    </div>
    <script>
    s=new Array();
    s[0]="#050626";
    s[1]="#0a0b44";
    s[2]="#0f1165";
    s[3]="#1a1d95";
    s[4]="#1c1fa7";
    s[5]="#1c20c8";
    s[6]="#060cff";
    s[7]="#2963f8";
    function ls(){
    pimg.innerHTML="";
    for(i=0;i<9;i++){
    pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";
    }
    }

    function rs(){
    pimg.innerHTML="";
    for(i=9;i>-1;i--){
    pimg.innerHTML+="<input style=\"width:15;height:10;border:0;background:"+s[i]+";margin:1\">";
    }
    }

    ls();
    var g=0;sped=0;
    function str(){
    if(pimg.style.pixelLeft<350&&g==0){
    if(sped==0){
    ls();
    sped=1;
    }
    pimg.style.pixelLeft+=2;
    setTimeout("str()",1);
    return;
    }
    g=1;
    if(pimg.style.pixelLeft>-200&&g==1){
    if(sped==1){
    rs();
    sped=0;
    }
    pimg.style.pixelLeft-=2;
    setTimeout("str()",1);
    return;
    }
    g=0;
    str();
    }function flashs(){
    if(abc.style.color=="#ffffff"){
    abc.style.color="#707888";
    setTimeout('flashs()',500);
    }
    else{
    abc.style.color="#ffffff";
    setTimeout('flashs()',500);
    }
    }
    flashs();
    str();
    </script>
      

  3.   

    看看这里http://www.web-sn.com/apps/editace/editace1/editace.asp?cd=yes&lm=yes&actb=yes&bastb=yes&advtb=yes&tbltb=yes&frmtb=yes&filtb=yes&hhm=no&lang=en