Ändere die Farbe von Nativescript + Winkel Fortschrittsbalken

Question

Ich möchte die Farbe des hervorgehobenen Teils des Fortschrittsbalkens in rot und die Hintergrundfarbe in blau ändern.

die "Farbe" Eigenschaft festlegen, wie folgt, ändert sich beide:

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

Hier ist das Ergebnis:

die "Backgroundcolor" Eigenschaft hinzufügen macht keinen sichtbaren Unterschied ...

Irgendwelche Ideen wären hilfreich!

Danke!

Answer 1

Sie können die color und backgroundColor Eigenschaften programmatisch in Ihrer onProgressLoaded() Funktion ändern:

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

Arbeitsbeispiel hier: https://github.com/mickaeleuranie/nativescript-stackoverflow-46904518

Answer 2

für vollständig kundenspezifische Fortschrittsbalken können Sie verwenden -

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