Sample bits of a custom striped Twitter Bootstrap progress bar

README.txt

Sample code for a striped Twitter Bootstrap progressbar with stripes

See the codepen at: http://codepen.io/SIRHAMY/pen/zqwEwv

progressbar.css

.progress-bar-custom {
  background-color: #497ad6;
}

.progress-bar-striped-custom {
  background-image: linear-gradient(-45deg,#d2524e 25%,transparent 25%,transparent 50%,#d2524e 50%,#d2524e 75%,transparent 75%,transparent); 
  background-size: 60px 60px;}
}

progressbar.html

<div id="progressbar" 
       class="progress-bar progress-bar-custom 
              progress-bar-striped-custom"     
       role="progressbar"
       aria-valuenow="70" aria-valuemin="0"
       aria-valuemax="100" style="width: 70%;">
    Progress Bar Text
  </div>