2017-10-24 9 views
1

ハイライト部分の色を赤に、背景色を青に変更したいと思います。ここでNativescript + Angular progress barの色を変更してください

<Progress [value]="progressValue" maxValue="6" (loaded)="onProgressLoaded($event)" color="red" class="m-t-20 m-b-10"></Progress> 

を結果だ:次のように "色" プロパティを設定

は、両方の変更 "のbackgroundColor" プロパティを追加

enter image description here

目に見える違いはありません...

すべてのアイデアが役に立ちます!

ありがとうございます!

答えて

2

あなたonProgressLoaded()機能でプログラムcolorbackgroundColorプロパティを変更することができます:ここ

onProgressLoaded(event) { 
    event.object.color = "red"; 
    event.object.backgroundColor = "blue"; 
} 

の作業例:https://github.com/mickaeleuranie/nativescript-stackoverflow-46904518

+0

ありがとう@micster!驚くばかり! - なぜCSSの背景色を使用するのか、または "backgroundColor = '青' 'を進捗マークアップに追加しても機能しないのは分かりますか? –

2

を完全にカスタマイズされたプログレスバーのために使用することができます -

https://www.npmjs.com/package/nativescript-number-progressbar

+0

はい、それはうまくいくでしょう。しかし、私がプラグインを少なくすることができれば、私はそれを好む。 –

+0

@BasyaRosemann True、それが要件に一致する場合 – Dlucidone

関連する問題