jQuery响应式进度条

所属分类:UI-加载

 13411  147  查看评论 (1)
分享到微信朋友圈
X
jQuery响应式进度条 ie兼容9

更新时间:2020-06-07 21:44:11

使用方法

进度条引用

<link rel="stylesheet" href="./css/base.css">
<link rel="stylesheet" href="./css/index.css">
<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/index.js"> </script>
<script src="js/schedule.js"> </script>

html

<!-- 进度条 -->
<div class="schedule_box">
    <div id="scheduleX"></div>
</div>	

调用对应进度条函数


scheduleX({
    fulfill: 50, //进度条,开始数字
    listAll: 100, //总数
    speed: 25, //动画速度,可选,默认25,越小越快
    again: false, //选择数改变动画是否从零开始,默认true从零开始
    bgColor: "#7a7a7a", //底部颜色
    listColor: "#fdcf12", //伸缩条颜色
    scWidth: "1.6", //进度条宽度
    scHeight: "0.08", //进度条高度
    WateringTree: WateringTrees //点击
});
相关插件-加载

jQuery横向及纵向进度条插件

jQuery横向及纵向进度条插件,可控制速度,可设为递增递减进度,可繁可简,颜色尺寸随心所欲!简单使用,使用方法一应俱全。
  加载
 34541  326

菊花加载

超好用的菊花加载效果,可用于手机端
  加载
 66887  406

js图片懒加载插件jxLazyload

最简便的jquery图片懒加载插件jxLazyload
  加载
 30462  189

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

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

讨论这个项目(1)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    1467815631 0
    2020/6/29 12:43:43
    我想在一个页面引用多个进度条,值也不一样,这个有什么方法,把dom传进去 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复