uibプログレスバーに異なる背景色を使用する

Question

progressbarui-bootstrapをテンプレートの2か所に使用します。私は彼らが完全に異なる色を持っていることを望みます、彼らの背景も含めて。

私が最も簡単な解決策になると思ったのは、効果を作り出すような方法で2つのプログレスバーを積み重ねることでした。これは残念なことに、非常に明白で、特にコーナーでは明らかです。もちろん

<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 plunkerのスタックされた例が役立つと思います。 ui-bootstrapの例ページで確認してください。