Progress Bar Styles

60% Complete

What is it?

This is a little tool to quickly help you style the default Twitter Bootstrap 3.2 Progress Bar. Although Bootstraps Progress Bar already comes with various default styles, sometimes you might want to shake it up a little. This can be done using css and this tool gives you an interface to customize some predefined styles.

Start from the default Twitter Bootstrap style and then just add the styles that will suit your site.

Some features, like gradient, border radius and progress bar stripes, might not be available in older browsers.


In 1 easy steps, you can create 100's of different style combinations for your Twitter Bootstrap Progress Bar and then copy the CSS classes to your stylesheet.

  1. Select your progress bar styles