Html 在引导中为进度条设置特定颜色

我想为引导中的进度条设置一个特定的颜色，而不是预定义的成功、信息、警告和危险

我在bootstrap-theme.css中添加了以下代码：

.progress-bar-passing {
 background-image: -webkit-linear-gradient(top, #7fff7f 0%, #449d44 100%);
 background-image:      -o-linear-gradient(top, #7fff7f 0%, #449d44 100%);
 background-image: -webkit-gradient(linear, left top, left bottom, from(#7fff7f), to(#449d44));
 background-image:         linear-gradient(to bottom, #7fff7f 0%, #449d44 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7fff7f', endColorstr='#ff449d44', GradientType=0);
 background-repeat: repeat-x;
}

并在html中使用：

<div class="progress">
                          <div class="progress-bar progress-bar-passing" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width:10%">
                            40% Complete (success)
                          </div>
</div>

完成40%（成功）

---

但是它似乎不起作用

在这里你可以找到不同颜色的进度条

添加进度条带化类以获得条带外观

bootstrap3进度条示例
.bs示例{
利润率：20px；
}
完成60%
完成60%
完成60%

使用urs覆盖css:）引用此站点以获取要设置的值：我想添加自己的颜色和类别，而不是使用预定义的颜色和类别