title: How to change the color of a bootstrap (twitter) progress bar at runtime
body: <p>I am using this progress bar :</p>
  
  <p><a href="http://twitter.github.com/bootstrap/components.html#progress">http://twitter.github.com/bootstrap/components.html#progress</a></p>
  
  <p>And would like to give it a custom color, known only at runtime
  (so hardcoding it in the css or less file is not an option)</p>
  
  <p>I have tried this :</p>
  
  <pre><code>&lt;div class="progress"&gt;
    &lt;div id='pb' class="bar" style="width: 80%"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;script&gt;
    $('#pb').css({'background-color': "red"})
  &lt;/script&gt;
  </code></pre>
  
  <p>without success.</p>