更改 Nativescript+Angular 进度条的颜色

Question

我想把进度条高亮部分的颜色改成红色，背景颜色改成蓝色。

设置 "color" 属性如下，同时更改：

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

结果如下：

添加 "backgroundColor" 属性没有明显区别...

任何想法都会有所帮助！

谢谢！

Answer 1

您可以在 onProgressLoaded() 函数中以编程方式更改 color 和 backgroundColor 属性：

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

Answer 2

对于完全自定义的进度条，您可以使用 -

Change color of Nativescript+Angular progress bar