简单的jQuery上传进度条代码

yzch6671

2年前发布

029300

简单的jQuery上传进度条代码是一款绿色简洁的点击上传进度条动画代码，没有用到背景图，代码简单易懂。

js代码

<script language=\"javascript\">
function processerbar(time){
     document.getElementById(\'probar\').style.display=\"block\";
	$(\"#line\").each(function(i,item){
		var a=parseInt($(item).attr(\"w\"));
		$(item).animate({
			width: a+\"%\"
		},time);
	});
   var si = window.setInterval(
	function(){
		a=$(\"#line\").width();
		b=(a/200*100).toFixed(0);
		document.getElementById(\'percent\').innerHTML=b+\"%\";
		document.getElementById(\'percent\').style.left=a-12+\"px\";
		document.getElementById(\'msg\').innerHTML=\"上传中\";
		if(document.getElementById(\'percent\').innerHTML==\"100%\") {
		clearInterval(si);
		document.getElementById(\'msg\').innerHTML=\"&nbsp;&nbsp;成功\";
		}
	},70);
};
</script>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END