jQuery Progress Bar (Collaborative)

Add-ons

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

Plugin Description: A jQuery progress bar with customizable appearance, background color, fill color, spacing, and animation speed.

Last Updated: 2020-08-26 09:24:02

Usage

Include JS and CSS files

<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', // Container
    containerWid: '800', // Container width in px
    containerHeg: '30', // Container height in px
    startColor: '#73EE22', // Starting color: ec9089
    endColor: '#73EE22', // Ending color
    countNum: 100, // Number of segments
    itemColor: '#ddd',
    maxNumerical: 100,
    direction: 'transverse', // Layout direction: transverse for horizontal, portrait for vertical
    duration: 500, // Rendering duration for each update
    callback: function(num) {
        $("#textspan").html(num);
    } // Callback function that returns the current progress
});