Skillbars are used in this template in about page which is made with bootstrap progressbar.
1. Skillbar shortcode
<!– 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>
make sure your data-percentage value is equal as progress-bar-span.