jquery progressBar进度条应用

最新推荐文章于 2024-07-29 03:39:25 发布

lzefforts

最新推荐文章于 2024-07-29 03:39:25 发布

阅读量194

点赞数

CC 4.0 BY-SA版权

分类专栏： Before 2015.6.15 文章标签： jQuery ViewUI

本文链接：https://blog.youkuaiyun.com/lzefforts/article/details/83844315

Before 2015.6.15 专栏收录该内容

16 篇文章

订阅专栏

本文演示了如何使用jQuery库来实现网页上的进度条效果。通过简单的代码示例介绍了不同样式和显示方式的进度条配置方法。

$(document).ready(function() {
    $("#spaceused1").progressBar();
    $("#spaceused2").progressBar({ barImage: 'images/progressbg_yellow.gif'} );
    $("#spaceused3").progressBar({ barImage: 'images/progressbg_orange.gif', showText: false} );
    $("#spaceused4").progressBar(65, { showText: false, barImage: 'images/progressbg_red.gif'} );
    $("#uploadprogressbar").progressBar();
});