Css 如何使用自定义颜色更改引导进度条的颜色

如何在不丢失文本的情况下更改引导进度条的颜色？我看到：

$（'#pb'）.css({
“背景图像”：“无”，
“背景色”：“红色”
});

---

它可以工作，但我会丢失进度栏中的所有文本。

使用Bootstrap 3.2.0，您可以执行以下操作：

$（函数（）{
$（“#一”）.addClass（“紫色进度条”）；
$（“#2”）.addClass（“进度条橙色”）；
});
。紫色进度条{
背景色：紫色！重要；
}
.进度条橙色{
背景色：橙色！重要；
}



60%
80%
如果您使用的是引导式sass，它有一个mixin，您可以包括如下内容：

.progress {
  @include progress-bar-variant(#000);
}

你能做的最简单的事就是

<div class="progress">
    <div class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width:10%; background-color:red !important;">
    </div>
</div>



提及style=“宽度：10%；背景色：红色！重要；”进度条div

放置任何颜色而不是红色…
问题提出年份的引导可能不同，但现在您可以添加提供颜色的引导类


。进度{
利润率：10px；
}
这两行代码直接来自引导CSS

.progress-bar {
    background-color: #007bff;
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
}

只需在html中，在
之间，或者在加载引导后加载的css文件中使用它们。css
您使用的是什么版本的Twitter引导？在v3.2.0中，不再有背景图像，因此只需更改背景颜色。你有没有兴趣看看这段文字是怎么消失的？在我工作的时候，我不需要你的帮助！重要的。