使用角度2和引导程序4中的自定义颜色实现进度条

Question

我正在尝试使用ng-bootstrap组件实现引导进度条。该文档使用指令“type”提供了4种类型的着色，它只能是4种中的一种：“成功”，“信息”，“警告”或“危险”。 （https://ng-bootstrap.github.io/#/components/progressbar）

我确保在我的变量sass文件夹中自定义所有颜色以覆盖bootstrap的默认变量。

然而，当使用初级时，条形显示为蓝色。

进度条形码：

<ngb-progressbar type="primary" [value]="25"></ngb-progressbar>

CSS试验：

//Doesn't work - no effect what so ever - this style is placed in a global stylesheet in order to have access to the progress bar.
.progress.progress-primary{
    background-color: yellow;
}

有关如何更改颜色的任何建议？

Answer 1

Bootstrap 4不会根据预定义的变量更改进度条。 $ progress-bar-color变量是硬编码的并且造成了麻烦。

现在修复。