Angularjs 使用angular js引导进度条颜色

我想知道如何使

进度条

随着百分比值的增加而改变其颜色

---

我希望进度条显示红色（危险），直到33%。然后将蓝色调高至66%，然后将绿色调高至100%。这可以使用

angular js

完成吗？

使用

ng class

有一个很好的例子，用于其评级控制，使用此技术：

ng-class="{'label-warning': percent<33, 'label-info': percent>=33 && percent<66, 'label-success': percent>=66}"

ng class=“{'label-warning'：百分比=33&&percent=66}”

这也适用于进度条。你只需要在某个地方定义百分比。

更新：
以下是用于引导进度条的类：

ng-class="{'progress-bar-danger': percent<33, 'progress-bar-info': percent>=33 && percent<66, 'progress-bar-success': percent>=66}"

ng class=“{'progress-bar-danger'：percent=33&&percent=66}”

使用

ng类

有一个很好的例子，用于其评级控制，使用此技术：

ng-class="{'label-warning': percent<33, 'label-info': percent>=33 && percent<66, 'label-success': percent>=66}"

ng class=“{'label-warning'：百分比=33&&percent=66}”

这也适用于进度条。你只需要在某个地方定义百分比。

更新：
以下是用于引导进度条的类：

ng-class="{'progress-bar-danger': percent<33, 'progress-bar-info': percent>=33 && percent<66, 'progress-bar-success': percent>=66}"

ng class=“{'progress-bar-danger'：percent=33&&percent=66}”

您可以使用

指令。 您为百分比建议的颜色存在于它们的颜色集合中，这些颜色将被指定为您定义的特定进度状态中的类型。可以在控制器中操纵这些状态定义，例如特定值百分比的颜色变化。只需遵循angular ui实现的

指令即可。

您可以使用

指令。

---

您为百分比建议的颜色存在于它们的颜色集合中，这些颜色将被指定为您定义的特定进度状态中的类型。可以在控制器中操纵这些状态定义，例如特定值百分比的颜色变化。只需遵循angular ui实现的

指令即可。

显示一些代码！你试了什么？什么不起作用？显示一些代码！你试了什么？什么不起作用？哈哈，使用那个代码真是太聪明了。但是现在颜色没有改变。也许进度条只需要进度条类？嗨，我想在这个问题上得到一些帮助。你能帮忙吗？谢谢，当然，我今晚会看的。嗨，你能帮我吗？哈哈，这是聪明的使用该代码。但是现在颜色没有改变。也许进度条只需要进度条类？嗨，我想在这个问题上得到一些帮助。你能帮忙吗？谢谢，当然，我今晚会看的。嗨，你能帮我吗？很不错的。我想如果您想让控制器管理它，您可以使用

type

，而不是

ng class

。非常好。我想如果您希望控制器管理它，您可以使用

type

，而不是

ng class

。