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

最新推荐文章于 2023-04-10 08:55:17 发布

zhaihaohao1

最新推荐文章于 2023-04-10 08:55:17 发布

阅读量503

点赞数

分类专栏： jQuery UI基础

本文链接：https://blog.csdn.net/zhaihaohao1/article/details/48913707

版权

jQuery UI基础专栏收录该内容

14 篇文章 0 订阅

订阅专栏

<!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

zhaihaohao1

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery UI基础----11jQuery UI Widgets-progressbar（进度条

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
复制链接

扫一扫

专栏目录