0

我想根据值更改 CJuiProgressBar 的颜色，假设绿色为小于 60%，黄色为 61% 到 80%，红色为 81% 或以上。

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

4

1 回答 1

1

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

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

来自Yii 文档：

主题 CSS 文件名。默认为“jquery-ui.css”。请注意，该文件必须存在于 themeUrl/theme 指定的 URL 下。如果您需要包含多个主题 CSS 文件（例如，在开发过程中，您想要包含单独的插件 CSS 文件），您可以将此属性设置为 CSS 文件名的数组。此属性也可以设置为 false，这意味着小部件将不包含任何主题 CSS 文件，您有责任在其他地方显式包含它。

来自 jQuery UI 的进度条文档

于 2013-06-20T07:19:28.983 回答