1. Home
  2. Docs
  3. Fame
  4. Skillbar

Skillbar

Skillbars are used in this template at about section which is made with bootstrap progressbar.

1. Skillbar shortcode
[code language=”html”]
<!– Progress Bar –>
<div class="skill">
<p>Web Design</p>
<div class="progress">
<div class="progress-bar" role="progressbar" data-percentage="60">
<span class="progress-bar-span" >60%</span>
<span class="sr-only">60% Complete</span>
</div>
</div>
</div>
[/code]
make sure your data-percentage value is equal as progress-bar-span.

Was this article helpful to you? Yes No

How can we help?