javascript - 为uib进度条使用不同的背景颜色

Question

我想使用 progressbar来自 ui-bootstrap 我模板中的两个位置。不过，我希望它们具有完全不同的颜色，包括它们的背景。

我认为最简单的解决方案是将两个进度条堆叠在一起以产生效果。不幸的是，这非常明显，尤其是在 Angular 落里。

<uib-progress class="progress-md">
    uib-bar value="level" type="skill"></uib-bar>
    <uib-bar value="100-level" type="skill-bg"></uib-bar>
</uib-progress>

当然我不想直接编辑 ui-bootstraps 代码，所以我想知道是否有更好的方法。

Answer 1

我认为 ui-bootstrap plunker 的堆叠示例会有所帮助。在 ui-bootstrap 示例页面上查看。