注册 登录 充值会员 退出
联系客服 毕业设计 java源码 PHP源码
充值

简单的jQuery上传进度条代码

作者/代码整理:  (源码已亲测,有问题联系客服微信:guomanqing1314) 发布日期:2022-10-16
简单的jQuery上传进度条代码
简单的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>

售后客服微信:guomanqing1314

微信扫码加好友:

关注公众号:不定期分享免费源码、自媒体工具、壁纸等

其他咨询和服务:

邮箱:1206995177@qq.com

手机:18005151538