Html 更改Twitter引导进度条的颜色

Html 更改Twitter引导进度条的颜色,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我正在看推特引导。我试图改变进度条的颜色,但实际上甚至不能显示进度条 我的代码看起来像这样。我不知道出了什么问题,什么都试过了。也许我正在使用的是bootstrap的版本 <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 您应该将.bar元素的高度设置为100%,否则其高度将为0(因为它没有任何内容)

我正在看推特引导。我试图改变进度条的颜色,但实际上甚至不能显示进度条

我的代码看起来像这样。我不知道出了什么问题,什么都试过了。也许我正在使用的是bootstrap的版本

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

您应该将
.bar
元素的
高度设置为
100%
,否则其高度将为0(因为它没有任何内容)

.bar{
背景颜色:绿色;
身高:100%;
}

您似乎没有为工具栏本身使用正确的CSS类。请尝试使用类“进度条”而不是“进度条”。例如:

HTML


嘿,伙计,我想把这个改一下-如果你把
进度条
改成
粉色
-那它行吗。谢谢你的帮助,尽管他很抱歉回复得太晚。你是在问你是否可以用粉红色代替绿色作为背景色?如果是这样,那么是的,有一个粉红色的CSS颜色代码。顺便说一句,@phantomBy,@phantom,从您顶部的代码中,您引用的是引导版本3.3.7。该版本使用“进度条”类作为进度条组件的内部轨迹。旧的“bar”类用于旧版本,如链接版本2.3.2中的版本。
<div class="progress">
  <div class="bar" style="width: 60%;"></div>
</div>
.bar {
    background-color: green;
}