ng-bootstrap：ngb-progressbar自定义背景颜色

Question

我试图设置进度颜色，我在网上看到的示例不起作用。

我有一个Angular（v4）组件，使用ng-bootstrap的ngb-progressbar组件（使用Bootstrap 4）。

<ngb-progressbar type="primary" [value]="progress">
    <span>{{ progress }} %</span>
</ngb-progressbar>

如何设置此组件在Chrome，IE和FF中可用的进度的背景颜色？

Answer 1

只需覆盖课程.progress-bar并在{c}上放置!important

.progress-bar{

background-color:black !important;  

}

<强> LIVE DEMO

Answer 2

看看你是否在范围内的组件中这样做。这样，ngb-progressbar就无法读取你的风格

Answer 3

尝试以您的CSS样式插入此

::ng-deep .progress-bar {
  background-color: black !important;
}