Progress Bars

Progress Bar Style 1

Web Development

90%
                       
<div class="progress-bar-style-1">
    <h3>Web Development</h3>
    <div class="progress">
        <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
            <h6>90%</h6>
        </div>
    </div>
</div>

Progress Bar Style 2

Web Development

90%
                       
<div class="progress-bar-style-2">
    <h3>Web Development</h3>
    <div class="progress">
        <div class="progress-bar" role="progressbar" style="width: 90%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
        </div>
        <h6>90%</h6>
    </div>
</div>

Progress Bar Style 3

Web Development

                       
<div class="progress-bar-style-3">
    <div class="item">
        <div class="circle-progress-style-1" data-percent="70" data-color="rgb(0,100,200)" data-size="155" data-stroke="3"></div>
        <h4>Web Development</h4>
    </div>
</div>