Progress Bars

                       
<div class="progress-bar-style-1">
    <div class="pb-title">
        <h4>Lorem Ipsum</h4>
        <h4>94%</h4>
    </div>
    <div class="progress">
        <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar"
            role="progressbar" style="width: 94%">
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<div class="progress-bar-style-2">
    <div class="pb-title">
        <h4>Lorem Ipsum</h4>
        <h4>94%</h4>
    </div>
        <div class="progress">
            <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar"
                role="progressbar" style="width: 94%"></div>
        </div>
</div>
                       Copy to clipboard
                   

                       
<div class="progress-bar-style-3">
    <div class="progress">
        <div class="progress-bar" role="progressbar" style="width: 94%" aria-valuenow="25" aria-valuemin="0"
            aria-valuemax="100">
            <p>Lorem Ipsum</p>
            <p>94%</p>
        </div>
    </div>
</div>
                       Copy to clipboard
                   

                       
<div class="progress-bar-style-4">
    <div class="pb-title">
        <h4>Lorem Ipsum</h4>
        <h4>94%</h4>
    </div>
    <div class="progress">
        <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="25" class="progress-bar"
            role="progressbar" style="width: 94%">
        </div>
    </div>
</div>
                       Copy to clipboard