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.

Improve this page on Github  — Last updated:  Thu, Oct 19, 2023