有没有高手做过在页面上的进度条？给点意见或者有例子更好

放置一个Table,在单元格里面放置一个图片，通过改变图片的宽度来模拟进度条

解决方案 »

  1.   

    用div layer的宽度来模拟。使用dhtml
      

  2.   

    用div layer的宽度来模拟。使用dhtml
      

  3.   

    例子<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>
    </BODY>
      

  4.   

    用table的td来作偱环就可以的？
    控制td的color就可以