chrome ProgressBar doesnt change color

Question

I got progressbar, but it doesn't change color in chrome. Here is a code:

progress.xp::-webkit-progress-value:{ 
    background: #66CC33; 
}

I looked up for it and it seems like its ok but it doesn't work.

Maybe I cant use class in this kind of code? or in some another way?

This is not reproducable as is, can you please add a JSFIDDLE that makes this reproducable. — Daniel W., Jan 15 '14 at 14:49
you can consult to this link also http://css-tricks.com/html5-progress-element/ — Arpit Srivastava, Jan 15 '14 at 15:01

score 6 · Answer 1 · answered Jan 15 '14 at 15:18

6

check the fiddle:

http://jsfiddle.net/4Y9kw/5/

<progress class="xp" value="50" max="60"></progress>

progress.xp {
   -webkit-appearance: none;
   appearance: none;

}
progress.xp::-webkit-progress-value{
    background:red;
}

answered Jan 15 '14 at 15:18

Susheel Singh

3,824
5
31
66

score 0 · Accepted Answer · answered Jan 15 '14 at 15:11

0

progress.xp::-webkit-progress-value:{ 
    background: #66CC33; 
}

the : must be removed, see:

                                ***|
progress.xp::-webkit-progress-value { 
    background: #66CC33; 
}

answered Jan 15 '14 at 15:11

Daniel W.

31,164
13
93
151

Thanks a lot, that was the answer I wanted :)) – yamahamm Jan 15 '14 at 15:21

chrome ProgressBar doesnt change color

2 Answers2

Linked