Comment changer la couleur d'une barre de progression bootstrap (twitter) à l'exécution

Je suis à l'aide de cette barre de progression :

http://twitter.github.com/bootstrap/components.html#progress

Et souhaitez donner une couleur personnalisée, connue qu'à l'exécution
(donc coder en dur dans le css ou moins fichier n'est pas une option)

J'ai essayé ceci :

<div class="progress">
  <div id='pb' class="bar" style="width: 80%"></div>
</div>

<script>
  $('#pb').css({'background-color': "red"})
</script>

sans succès.

source d'informationauteur Max L.