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

Question

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

我认为最简单的解决方案是以创建效果的方式堆叠两个进度条。不幸的是，这很明显，特别是在角落里。

<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示例页面上查看它。