Progress bar vertical

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. We are always ready to make exciting things happen for you and your company. We have a passion for people, flair for ideas, broad experience and creative bravery that’s at the heart of everything we do.

Buy this template
  • DEDICATION

    75%
  • KNOWLEDGE

    85%
  • PROFESSIONALISM

    50%

To get vertical layout for progress bar wrap progress bar to div with class .progress-bar-vertical. Basic markup for vertical Progress bar:

<div class=" progress-bar-bs progress-variant-primary view-animate progress-bar-vertical">
  <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. We are always ready to make exciting things happen for you and your company. We have a passion for people, flair for ideas, broad experience and creative bravery that’s at the heart of everything we do.

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 view-animate progress-bar-vertical progress-bar-square">
  <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. We are always ready to make exciting things happen for you and your company. We have a passion for people, flair for ideas, broad experience and creative bravery that’s at the heart of everything we do.

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-variant-primary view-animate progress-bar-vertical progress-gradient">
  <div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
  </div>
</div>