jQuery进度条（合作）

插件特效

2026-07-26 01:12 3 次浏览 • 0 次下载 5.7KB

插件描述：jQuery进度条，可自定义外观，进度条底色，进度条填充色，紧密度，进度快慢。

更新时间：2020-08-26 09:24:02

使用方法

引用js，css

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="format-progress-bar.js"></script>
<link rel="stylesheet" href="styles.css">

html

1	`<div` `id="id1"></div>`

var formatdmm1 = formatdmm.load({
    container: 'id1', //容器
    containerWid: '800', //容器宽度px
    containerHeg: '30', //容器高度px
    startColor: '#73EE22', //开始颜色ec9089
    endColor: '#73EE22', //结束颜色
    countNum: 100, //分隔数
    itemColor: '#ddd',
    maxNumerical: 100,
    direction: 'transverse', //排列方向transverse 横向  ，portrait 纵向
    duration: 500, //每次渲染时长
    callback: function(num) {
        $("#textspan").html(num);
    } //回调函数，将当前进度传出
});