Showcases

Background Image

How to use Percentage /Diagram HTML

You can us this html structure to build Percentage/Diagram.

You can change class suffix for changing style

  • avatar-skill-diagram
  • avatar-skill-diagram-1

 

<ul class="avatar-skills-diagram">
<li>
<div style="width: 85%;"><span>Web Design 85%</span></div>
</li>
<li>
<div style="width: 90%;"><span>HTML/CSS 90%</span></div>
</li>
<li>
<div style="width: 80%;"><span>Graphic Design 80%</span></div>
</li>
<li>
<div style="width: 70%;"><span>WordPress 70%</span></div>
</li>
<li>
<div style="width: 95%;"><span>Joomla 95%</span></div>
</li>
</ul>

EXAMPLE

avatar-skills-diagram

  • Web Design 85%
  • HTML/CSS 90%
  • Graphic Design 80%
  • WordPress 70%
  • Joomla 95%

avatar-skills-diagram-1

  • Web Design 85%
  • HTML/CSS 90%
  • Graphic Design 80%
  • WordPress 70%
  • Joomla 95%
Powered by Amazing-Templates.com 2014 - All Rights Reserved.