Skillbar

Skillbars are used in this template at about section 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.

Was this article helpful to you? Yes No

How can we help?