Number Progress Bar - A lovely progressbar

Number Progress Bar is a jQuery plugin that creates a slim progress bar with support for accelerated Javascript animations and custom value range.

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link rel="stylesheet" type="text/css" href="number-pb.css">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="src/jquery.velocity.min.js"></script>
<script src="number-pb.js"></script>

2. HTML

<div class="number-pb">
  <div class="number-pb-shown"></div>
  <div class="number-pb-num">0%</div>
</div>

3. JAVASCRIPT

var bars = $('.number-pb').NumberProgressBar(barOptions);
bars.reach(dest, reachOptions);  //dest is the progress # at which you want to reach

4. OPTIONS

barOptions

These are the options you can configure when initializing a progressbar.

reachOptions

These are the options for each reach operation: bar.reach(dest, reachOptions).