Progress Bars | Biz Pro

Progress Bars Style 1

25%

                                
<section id="progress-block-area" class="progress-block-area">
    <div class="container">
        <div class="progress-block">
            <div class="progress1">
                <h2>Progress Bars Title</h2>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 25%;" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                        <p><span class="rangevalue1">25</span>%</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Progress Bars Style 2

90%

                                
<section id="progress-block-area" class="progress-block-area">
    <div class="container">
        <div class="progress-block">
            <div class="progress2">
                <h2>Progress Bars Title</h2>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                    <p><span class="rangevalue2">90</span>%</p>
                </div>
            </div>
        </div>
    </div>
</section>

Progress Bars Style 3

40%

                                
<section id="progress-block-area" class="progress-block-area">
    <div class="container">
        <div class="progress-block">
            <div class="progress3">
                <h2>Progress Bars Title</h2>
                <div class="progress">
                    <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 40%;" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100">
                        <p><span class="rangevalue3">40</span>%</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

Progress Bars Style 4

Lorem Ipsum

70%

                                
<section id="progress-block-area" class="progress-block-area">
    <div class="container">
        <div class="progress-block">
            <div class="progress4">
                <h2>Progress Bars Title</h2>
                <p>Lorem Ipsum</p>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" aria-valuenow="70" style="width: 70%;" aria-valuemin="0" aria-valuemax="100"></div>
                    <p><span class="rangevalue4">70</span>%</p>
                </div>
            </div>
        </div>
    </div>
</section>