更改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

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

onProgressLoaded()

这里的工作示例：https://github.com/mickaeleuranie/nativescript-stackoverflow-46904518

Answer 2

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

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