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.
-
Reference
goalProgress.css
and eithergoalProgress.min.js
orgoalProgress.js
. -
Put an empty element on the page:
<div id="sample_goal"></div>
-
Initialize your script.
$(document).ready(function(){ $('#sample_goal').goalProgress({ goalAmount: 150, currentAmount: 100, textBefore: '$', textAfter: ' raised' }); });
That demo link again.