Используйте различные цвета фона для uib progressbar

Question

Я хочу использовать progressbar от ui-bootstrap в двух местах в моем шаблоне. Я хочу, чтобы у них были совершенно разные цвета, включая их фон.

То, что я считал самым простым решением, состояло в том, чтобы иметь два перекладины, сложенные таким образом, чтобы создать эффект. Это, к сожалению, совершенно очевидно и особенно в углах.

<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-бутстрэпами кода непосредственно поэтому мне было интересно, если есть лучший способ сделать это.

Answer 1

Я думаю, что сложный пример утилиты ui-bootstrap поможет. Проверьте это на странице примера ui-bootstrap.