在JSP页面上实现不带百分比进度条

最新推荐文章于 2019-10-22 21:34:13 发布

追憶逝水年華

最新推荐文章于 2019-10-22 21:34:13 发布

阅读量2k

点赞数

文章标签：进度条

本文链接：https://blog.csdn.net/zhuishishuinianqu/article/details/18162271

版权

1：在jsp上添加代码：这个table标签要隐藏，进度条执行的时候再显示

<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' id="progressPersent"><font size="2">
			        正在进行保存，用时较长，请稍后...
			        </font>
			       </td>
			      </tr>
			      <tr>
			        <td id='tdOne' height='25' width=1 bgcolor="blue"> </td>
			        <td id='tdTwo' height='25' width=500 bgColor='#999999'> </td>
			      </tr>
			    </table>
	          </td>
	        </tr>
	    </table>
	    </td>
	  </tr>
	</table>

2：添加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();
	}

3：在保存的submit()的方法后调用loading()方法。