javascript - 如何在运行时更改 Bootstrap (twitter)进度条的颜色

Question

我正在使用这个进度条:

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

并且想给它一个自定义颜色，只在运行时才知道(所以硬编码在 css 或更少的文件中不是一个选项)

我已经试过了:

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

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

没有成功。

Answer 1

您的代码实际上是有效的，只是进度条实际上使用渐变作为颜色而不是纯 background-color 属性。要更改背景颜色，请将 background-image 设置为 none，您的颜色将被拾取:

$('#pb').css({
    'background-image': 'none',
    'background-color': 'red'
});