Goal Progress – Animated Progress Bar using jQuery For Html Use

Download   Demo

Goal Progress plugin allows you to create an animated progress bar using jQuery. Just fill in the required input and the plugin calculates the progress of your goal and animates the bar. You can specify text to put before and after the amount raised.

Usage

This repository can be installed using Bower:

bower install goalProgress --save
grunt bower-install

1. Reference goalProgress.css and either goalProgress.min.js or goalProgress.js.


2. Put an empty element on the page: <div id="sample_goal"></div>


3. Initialize your script.
   
   
   

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

   
   
   
   

Goal Progress – Animated Progress Bar using jQuery For Html Use