Question

我想在我的应用程序中集成角度进度指令。

我找到了解决目的的进度条指令，但我无法更改进度条的颜色。我想为进度条提供自定义颜色。

有没有人对此有任何想法？

 // given you have preloaded images into the imgs[] array
 // load img[1] into the fabricJS img object
 img.setElement( imgs[1]; );
 canvas.renderAll();

Plunker Link：http://plnkr.co/edit/3AIJPQzQgosmlXV3QQ9D?p=preview

Answer 1

扩展this answer，您可以使用以下“hacky”方法更改Angular UI进度条的颜色：

<uib-progressbar value="10" type="purple"></uib-progressbar>

这将生成一个类 .progress-bar-purple

您可以将其定义为css规则

.progress-bar-purple {
    background-color: purple;
}

Answer 2

您可以通过更改type指令的<progressbar/>属性，将颜色从预定义颜色更改为另一种颜色。

<progressbar class="progress-striped" value="22" type="warning">22%</progressbar>

来自doc：

（默认值：null）：样式类型。可能的值包括主要＆＃39;，＆＃39;信息＆＃39;，＆＃39;成功＆＃39;，＆＃39;警告＆＃39;，＆＃39;危险＆＃39;

然后，您可以通过直接覆盖项目源代码中的颜色或在this page

中生成自定义构建来自定义这些颜色

如何改变进度条角度指令的颜色

2 个答案: