jQuery UI基础----11jQuery UI Widgets-progressbar(进度条

来源:互联网 发布:js style属性 编辑:程序博客网 时间:2024/06/08 06:50
<!DOCTYPE html><html><head lang="en">    <meta charset="UTF-8">    <title></title>    <!--所需要的支持文件-->    <script src="jquery-2.1.4.min.js"></script>    <script src="jquery-ui.min.js"></script>    <link href="jquery-ui.min.css" rel="stylesheet" type="text/css">    <!--自己的js文件-->    <script src="progressbar.js"></script></head><body>   <div id ="pb"></div></body>

</html>

js:

/** * Created by hao on 2015/10/5. */var pb;var max = 100;var current = 0;$(function(){ pb=$("#pb"); pb.progressbar({max:100});//    计时器,每100毫秒刷新一次    setInterval(changepb,100);});function changepb(){    current++;    if(current>=100){        current=0;    }    pb.progressbar("option","value",current);}
需要依赖的库文件:http://download.csdn.net/detail/zhaihaohao1/9156967

0 0
原创粉丝点击