如何改变CJuiProgressBar的颜色？

Question

我想根据值改变CJuiProgressBar的颜色，比如说绿色低于60％，黄色为61％到80％，红色为81％或更高。

关于如何做到这一点的任何想法？感谢。

Answer 1

您可以根据您的价值更改CJuiProgressBar的主题（我假设您要在PHP中而不是在Javascript中执行此操作）。

$this->widget('zii.widgets.jui.CJuiProgressBar',array(
    'value'=>75,
    'cssFile' => 'themeRed.css',
    'theme'   => 'red',
)); 

来自Yii documentation：

  

主题CSS文件名。默认为'jquery-ui.css'。记下文件   必须存在于themeUrl / theme指定的URL下。如果你需要   包括多个主题CSS文件（例如在开发期间，您想要   包括单个插件CSS文件），您可以将此属性设置为   CSS文件名的数组。此属性也可以设置为false，   这意味着小部件将不包含任何主题CSS文件，它是   您有责任将其明确地包含在其他地方。

Progress Bar Documentation from jQuery UI