Мне нужно изменить цвет индикатора выполнения на основе некоторых значений PHP. Я не знаком с технологией WebKit, но, насколько я понимаю, это единственный способ изменить цвет индикатора выполнения. Таким образом, мне нужно сделать что-то вроде этого:Как я могу изменить цвет индикатора прогресса HTML5?
<progress style="progress::-webkit-progress-value { background: red; }" max="<?php echo $max; ?>" value="<?php echo $val; ?>"></progress>
Измените цвет Б.Г. на основе стоимости, что-то вроде следующего будет делать трюк:
progress[value^="5"] {
background-color: blue;
}
Он применяется синий цвет в баре для всех значений, начинающихся с номера 5.
Спасибо за ответ, но у меня все еще есть проблема с его реализацией. Не могли бы вы указать, что именно мне нужно вставить в мой html-код и в мой css. Нужно ли включать любые внешние файлы css? Я сожалею, что я настолько сырой в этом ... – sashalev
@sashalev вы можете ckeck этот образец кода, поможет вам много: http://jsfiddle.net/jonathanzuniga/Lukof63x/ –
Спасибо Джонатан, это именно то, что я необходимо! – sashalev
Это уже ответили ранее. См. How to write a:hover in inline CSS?.
Так же, как :hover является частью селектора, ::-webkit-progress-value также является частью селектора. К сожалению, атрибут style позволяет вам указать только правила.
Нам нужно будет увидеть дополнительный код, который вы попробовали, то, что вы предоставили, кажется частичным. – camelCase
– sashalev
У меня нет другого кода, связанного с css для этого ... – sashalev