Progress bar horizontal

Progress bar rounded

About Us

We stand apart from other agencies and web studios. We offer a wide array of creative and strategic services for brands, companies, foundations, and other remarkable organizations. We assist and educate our clients in making the best use of the solutions we build with them.

Buy this template
  • DEDICATION

    75%
  • KNOWLEDGE

    85%
  • PROFESSIONALISM

    50%

Basic markup for classic Progress bar:

<div class="progress-bar-bs progress-variant-primary view-animate">
  <div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  </div>
</div>

Progress bar square

About Us

We stand apart from other agencies and web studios. We offer a wide array of creative and strategic services for brands, companies, foundations, and other remarkable organizations. We assist and educate our clients in making the best use of the solutions we build with them.

Buy this template
  • DEDICATION

    75%
  • KNOWLEDGE

    85%
  • PROFESSIONALISM

    50%

To get square layout of progress bar add to wrapper class .progress-bar-square

<div class="progress-bar-bs progress-variant-primary progress-bar-square view-animate">
  <div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  </div>
</div>

Progress bar with gradient

About Us

We stand apart from other agencies and web studios. We offer a wide array of creative and strategic services for brands, companies, foundations, and other remarkable organizations. We assist and educate our clients in making the best use of the solutions we build with them.

Buy this template
  • DEDICATION

    75%
  • KNOWLEDGE

    85%
  • PROFESSIONALISM

    50%

To get Progress bar with gradient add to wrapper class .progress-gradient

<div class="progress-bar-bs progress-gradient view-animate">
  <div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  </div>
</div>