jQuery横向及纵向进度条插件

所属分类:UI-加载

 5119  17  查看评论 (2)
jQuery横向及纵向进度条插件 ie兼容8

使用方法

引用

<link rel="stylesheet" href="css/schedule.css">
<script src="js/jquery-3.0.0.min.js"></script>
<script src="js/schedule.js"></script>

html

<!--横向进度条-->
<div id="scheduleX"></div>

<!--纵向进度条-->
<div id="scheduleY"></div>

调用对应进度条函数

/*纵向进度条*/
scheduleY({
    fulfill: 55, //选择数
    listAll: 100, //总数
    speed: 25, //动画速度,可选,默认25,越小越快
    again: false, //选择数改变动画是否从零开始,默认true
    bgColor: "#828282", //底部颜色
    listColor: "#5bcde7", //伸缩条颜色,默认原谅绿
    scWidth: "25", //进度条宽度
    scHeight: "300" //进度条高度
});
/*横向进度条*/
scheduleX({
    fulfill: 60, //选择数
    listAll: 100, //总数
    speed: 25, //动画速度,可选,默认25,越小越快
    again: false, //选择数改变动画是否从零开始,默认true从零开始
    bgColor: "#828282", //底部颜色
    listColor: "#ffa439", //伸缩条颜色,默认原谅绿
    scWidth: "400", //进度条宽度
    scHeight: "25" //进度条高度
});
相关插件-加载

jQuery nprogress.js页面加载进度条

jQuery nprogress.js页面加载进度条显示当前网页的加载进度
  加载
 30652  102

jquery 实现流程进度显示

基于jQuery实现的流程进度显示,可应用于网络订单状态查看,用户注册状态查看等
  加载
 26775  218

jQuery动画进度条 实时显示进度百分比DEMO演示

jQuery动画进度条 实时显示进度百分比DEMO演示
  加载
 14001  42

纯css3制作绿色loading加载动画特效

纯css3制作绿色loading加载动画特效里面包含14款不同效果的绿色清新loading加载特效。
  加载
 18644  167

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    David Lumin 0
    2018/3/10 13:42:31
    同在南京
        zhe0
        2018/3/14 11:33:50
        我们可以探讨探讨
    回复
取消回复