jQuery响应式进度条

插件特效

2026-07-26 01:11 4 次浏览 • 0 次下载 3.6KB

插件描述：jQuery响应式进度条flexible.js根据屏幕设置响应式100px==1rem

更新时间：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 //点击
});