Jquery UI学习笔记(7)

来源:互联网 发布:网络支付限额什么意思 编辑:程序博客网 时间:2024/06/04 20:04

进度条可以查看任务的进度,比如传输文件。使用Jquery UI来显示任务的进度是很容易的。

Progress : <div id="progressbar"></div><div id="percent" style="text-align:center">0</div>
<script type="text/javascript">$("div#progressbar").progressbar({//value:20,change:function(event){//在完成过程中的不同阶段进行处理var value=$("div#progressbar").progressbar("value");$("#percent").html(value+" %");}});//逐渐填充进度条var value=0;var timer=setInterval(function(){$("div#progressbar").progressbar("value",value);value++;if(value>100) clearInterval(timer);},100);</script>



原创粉丝点击