Theme info

• Theme Credits
• Theme Structure
• Theme Settings
• changelog

Features

• Footers
• Sections
• Typography

Elements

• Boxes
• Buttons
• Breadcrumbs
• Carousel
• Counters
• Icon Boxes
• Lists
• Progress bar
• Testiomonials

Progress bar

Default Style

<div class="progress">
  <div class="progress-bar" data-percentage="80" style="width: 0%;">
    <span class="skills-name pull-left">Photoshop</span> 
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

<div class="progress">
  <div class="progress-bar" data-percentage="85" style="width: 0%;">
    <span class="skills-name pull-left">HTML/CSS</span>
    <span class="skills-percentage pull-right"></span> 
  </div>
</div>

<div class="progress">
  <div class="progress-bar" data-percentage="65" style="width: 0%;">
    <span class="skills-name pull-left">Wordpress</span>
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

Style 1

.progress-style1

<div class="progress progress-style1">
  <div class="progress-bar" data-percentage="80" style="width: 0%;">
    <span class="skills-name pull-left">Photoshop</span> 
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

<div class="progress progress-style1">
  <div class="progress-bar" data-percentage="85" style="width: 0%;">
    <span class="skills-name pull-left">HTML/CSS</span>
    <span class="skills-percentage pull-right"></span> 
  </div>
</div>

<div class="progress progress-style1">
  <div class="progress-bar" data-percentage="65" style="width: 0%;">
    <span class="skills-name pull-left">Wordpress</span>
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

Style 2

.progress-style2

<div class="progress progress-style2">
  <div class="progress-bar" data-percentage="80" style="width: 0%;">
    <span class="skills-name pull-left">Photoshop</span> 
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

<div class="progress progress-style2">
  <div class="progress-bar" data-percentage="85" style="width: 0%;">
    <span class="skills-name pull-left">HTML/CSS</span>
    <span class="skills-percentage pull-right"></span> 
  </div>
</div>

<div class="progress progress-style2">
  <div class="progress-bar" data-percentage="65" style="width: 0%;">
    <span class="skills-name pull-left">Wordpress</span>
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

Style 3

.progress-style3

<div class="progress progress-style3">
  <div class="progress-bar" data-percentage="80" style="width: 0%;">
    <span class="skills-name pull-left">Photoshop</span> 
    <span class="skills-percentage pull-right"></span>
  </div>
</div>

<div class="progress progress-style3">
  <div class="progress-bar" data-percentage="85" style="width: 0%;">
    <span class="skills-name pull-left">HTML/CSS</span>
    <span class="skills-percentage pull-right"></span> 
  </div>
</div>

<div class="progress progress-style3">
  <div class="progress-bar" data-percentage="65" style="width: 0%;">
    <span class="skills-name pull-left">Wordpress</span>
    <span class="skills-percentage pull-right"></span>
  </div>
</div>