Have a questions?
+1-234-284947
mail@domain.com
Application Form

Progress Bars

Progress Bar Style 1

Lorem Dolor

90%

                    
<section class="progress-bars z-sec elements">
    <div class="container">
        <div class="progress-bars-block">
            <h2>Progress Bar Style 1</h2>
            <div class="progress1">
                <h4>Lorem Dolor</h4>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                    <p class="rangevalue"><span class="rangevalue1">90</span>%</p>
                </div>
            </div>
          </div>
    </div>
</section>

Progress Bar Style 2

Lorem dolor

90%

                    
<section class="progress-bars z-sec elements">
    <div class="container">
        <div class="progress-bars-block">
             <h2>Progress Bar Style 3</h2>
            <div class="progress3">
                <h4>Lorem dolor</h4>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100"></div>
                    <p class="rangevalue"><span class="rangevalue1">90</span>%</p>
                </div>
            </div>
          </div>
    </div>
</section>

Progress Bar Style 3

Lorem dolor

90%

                    
<section class="progress-bars z-sec elements">
    <div class="container">
        <div class="progress-bars-block">
            <h2>Progress Bar Style 2</h2>
            <div class="progress2">
                <h4>Lorem dolor</h4>
                <div class="progress">
                    <div class="progress-bar" role="progressbar" style="width: 90%;" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">
                        <p class="rangevalue"><span class="rangevalue1">90</span>%</p>
                    </div>
                </div>
            </div>
          </div>
    </div>
</section>