web 进度条

<table id="load" width="700" border="0" align="center" bgcolor="#FAFAFA" cellpadding="0" cellspacing="0" bordercolor="#000000" style="border-collapse:collapse;display:none ">
      <tr>
        <td><br><br>
        <table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#287BCE" style="border-collapse:collapse ">
            <tr bgcolor="#F7F7F6">
              <td width="20%" height="100" valign="middle">
                <table align='center' width='500'>
                  <tr>
                   <td colspan='2' align='center' ><font size="2">
                    正在进行保存，用时较长，请稍后...
                    </font>
                   </td>
                  </tr>
                  <tr>
                    <td id='tdOne' height='25' width=1 bgcolor="blue">&nbsp;</td>
                    <td id='tdTwo' height='25' width=500 bgColor='#999999'>&nbsp;</td>
                  </tr>
                </table>
              </td>
            </tr>
        </table>
        </td>
      </tr>
    </table>
   
   
js:
    var len = 500 ;
    var add = 0 ;
    function openContenFrame(){
        var td1 = document.getElementById('tdOne') ;
        var td2 = document.getElementById('tdTwo') ;
        add = add+10 ;
        td1.width = add ;
        if(len - add <= 0){
           td2.width = 1 ;
        }else{
           td2.width = len - add ;
        }
        if(add<=len) {
           ;
        }else{
           td1.width = 1 ;
           td2.width = 500 ;
           add = 0 ;
        }
        setTimeout('openContenFrame()',100) ;
    }
    function loading(){
        document.getElementById("load").style.display="";
        document.getElementById("opperate").style.display="none";
        openContenFrame();
    }

在submit()的方法后调用loading()