Как изменить цвет 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». Обратите внимание, что файл должен существовать под URL-адресом, указанным в темеUrl/theme. Если вам нужно, чтобы включал в себя несколько файлов CSS с CSS (например, во время разработки, вы хотите, чтобы включал отдельные файлы CSS-плагинов), вы можете установить это свойство как массив имен файлов CSS-файлов . Это свойство также может быть установлено как false, , что означает, что виджет не будет содержать какой-либо файл темы CSS, и это ваша ответственность, чтобы явно включить его в другое место.

Progress Bar Documentation from jQuery UI