animated-skills-bar-jquery-css3

Setup

Link the skill-bar.css stylesheet:

    <link rel="stylesheet" href="css/skill-bar.css">

and include the skill-bar.js script:

<script src="js/skill-bar.js"></script>

Usage

Here's the code for the first bar in the demo:

<div class="skillbar clearfix" data-percent="20%">
	<div class="skillbar-title" style="background: #d35400;"><span>HTML5</span></div>
	<div class="skillbar-bar" style="background: #e67e22;"></div>
	<div class="skill-bar-percent">20%</div>
</div>

Dependencies

Jquery.

Demo

http://codepen.io/anon/pen/waaqLq

Disclaimer: I did not make this. It seems to have been made anonymously and since the license allowed it, I decided to put it up on Github for convenience.