Progress Bars

Progress Bar Style 1

85%

<section class="shortcodes" id="progressbar">
<div class="container">
<div class="progress-style-1">
<h2>Progress Style 1</h6>
  <div class="progress">
    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" class="progress-bar" role="progressbar" style="width:85%"><span>85%</span></div>
  </div>
</div>  </div></section>

Progress Bar Style 2

70%

<section class="shortcodes" id="progressbar">
<div class="container">
<div class="progress-style-2">
  <h2>Progress Style 2</h2>
  <div class="progress">
    <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:70%"><span>70%</span></div>
  </div>
</div></div></section>

Progress Bar Style 3

85%

<section class="shortcodes" id="progressbar">
<div class="container">
<div class="progress-style-3">
  <h2>Progress Style 3</h6>
  <div class="progress">
    <div aria-valuemax="100" aria-valuemin="0" aria-valuenow="40" class="progress-bar" role="progressbar" style="width:85%"><span>85%</span></div>
  </div>
</div></div></section>

Progress Bar Style 4

70%

<section class="shortcodes" id="progressbar">
<div class="container">
<div class="progress-style-4">
  <h2>Progress Style 4</h2>
    <div class="progress">
    <div class="progress-bar progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:70%"><span>70%</span></div>
  </div>
</div></div></section>