title: change bootstrap progress bar background (not the bar, but the bars Background)
body: <p>Currently I am using a bootstrap progress bar </p>
  
  <pre><code>&lt;div class="progress"&gt;
   &lt;div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;"&gt;
  60%
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the default color of the bar is blue, I have managed to change this. </p>
  
  <p>However, the default background of the not filled in part is white with  grey radients, how can i change this to my own colour? </p>