Tinacious Design Animated Goal Progress Bar jQuery plugin

This 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.

Screenshot not enough? Click here to see the live demo.

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'
       });
   });

That demo link again.