jQuery Progress Bar Plugin

Add-ons

2026-07-25 23:32 3 次浏览 • 0 次下载 34.1KB

Plugin description: This plugin allows you to create animated progress bars using jQuery. Simply enter the desired values, and the plugin calculates the progress toward your target. You can specify text to appear before and after the displayed amount.

This plugin allows you to create animated progress bars using jQuery. Simply enter the desired values, and the plugin calculates the progress toward your target. You can specify text to appear before and after the displayed amount.

You are welcome to download the plugin and use it in your personal projects.

Usage Instructions

Add the goalProgress.css stylesheet and either goalProgress.min.js or goalProgress.js.

Add an empty element to the page:

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

Initialize the script.

$(document).ready(function(){
    $('#sample_goal').goalProgress({
        goalAmount: 150,
        currentAmount: 100,
        textBefore: '$',
        textAfter: ' raised'
    });
});

Complete the setup in just three simple steps.