AeroDyNN by DyNNamite - DNN Theme DNN theme by DyNNamite flexible-dnn-theme DyNNamite - UK DNN specialists DNN theme

Progress Bars

HTML5
20%
CSS3
25%
jQuery
50%
PHP
40%
Wordpress
75%
SEO
100%
Photoshop
70%

Source Code

<div data-percent="20%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #d35400;" class="skillbar-title"><span>HTML5</span></div>
<div style="background: none repeat scroll 0% 0% #e67e22;" class="skillbar-bar"></div>
<div class="skill-bar-percent">20%</div>
</div>
<!-- End Skill Bar -->
<div data-percent="25%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #2980b9;" class="skillbar-title"><span>CSS3</span></div>
<div style="background: none repeat scroll 0% 0% #3498db;" class="skillbar-bar"></div>
<div class="skill-bar-percent">25%</div>
</div>
<!-- End Skill Bar -->
<div data-percent="50%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #2c3e50;" class="skillbar-title"><span>jQuery</span></div>
<div style="background: none repeat scroll 0% 0% #2c3e50;" class="skillbar-bar"></div>
<div class="skill-bar-percent">50%</div>
</div>
<!-- End Skill Bar -->
<div data-percent="40%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #46465e;" class="skillbar-title"><span>PHP</span></div>
<div style="background: none repeat scroll 0% 0% #5a68a5;" class="skillbar-bar"></div>
<div class="skill-bar-percent">40%</div>
</div>
<!-- End Skill Bar -->
<div data-percent="75%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #333333;" class="skillbar-title"><span>Wordpress</span></div>
<div style="background: none repeat scroll 0% 0% #525252;" class="skillbar-bar"></div>
<div class="skill-bar-percent">75%</div>
</div>
<!-- End Skill Bar -->
<div data-percent="100%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #27ae60;" class="skillbar-title"><span>SEO</span></div>
<div style="background: none repeat scroll 0% 0% #2ecc71;" class="skillbar-bar"></div>
<div class="skill-bar-percent">100%</div>
</div>
<!-- End Skill Bar -->
<div data-percent="70%" class="skillbar clearfix ">
<div style="background: none repeat scroll 0% 0% #124e8c;" class="skillbar-title"><span>Photoshop</span></div>
<div style="background: none repeat scroll 0% 0% #4288d0;" class="skillbar-bar"></div>
<div class="skill-bar-percent">70%</div>
</div>
<!-- End Skill Bar -->