使⽤jquery实现进度条效果全局变量在哪个区
很多时候，我们系统的进度信息有个进度条看起来效果更好，我们可以使⽤动态改变div占⽐的⽅案来做：效果:
源码博客网站
style样式：
<style type="text/css">
#parent{border:1px #EEE solid;width: 500px;height: 30px;margin: 0 auto;}
jquery下载文件进度条
#child{width: 50%;height: 30px;background-color: lime;}
p{text-align: center;color: fuchsia;}
</style>
HTML代码：
<p id="info"></p>
<div id="parent">
<div id="child"></div>
</div>
JS代码：
//记录进度
var pro=0;
//定时函数进⾏更新
var update=setInterval(function(){
//进度改变
pro++;
objective和target的区别//⽂字提⽰
pdf保存成xml文件
$("#info").text("正在更新："+pro+"%");
//动态改变div的宽度占⽐
$("#child").width(pro+"%");
//控制更新
if(pro==100){display none和hidden
/
/清除定时器，停⽌更新
clearInterval(update);
alert("恭喜，更新成功！");
}
},100);

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。