Progressbar gradient?

Question

[Максим]

Нужно добиться, чтобы закрашивалось вначале красным, а дальше уже жёлтым:


Сделал на js кому интересно
https://jsfiddle.net/w12vyfus/1/

Answer 1

[iBird Rose]

ну ты спану задал width: 65%; но бг то у тебя идет через after.
или для after тоже задай ширину тогда, либо вообще удали after и делай все в спане

Comments

[Максим]

будет закрашиваться вот так clip2net.com/s/3CHqtRN
закрашивается полностью и красным жёлтым, мне нужно, чтобы было вначале красным

[iBird Rose]

Максим: ну градиент так работает. либо у тебя не будет плавного перехода. либо будет закрашиваться так, что конец линии будет желтым

[Максим]

сделал на js https://jsfiddle.net/w12vyfus/1/

[iBird Rose]

Максим: лол. когда я тебе сказал для after задай width или делай без after - то же самое получалось https://jsfiddle.net/w12vyfus/2/

[Максим]

iBird Rose: ты не понял, что мне нужно было!!
сравни
мой - clip2net.com/s/3CHJvZt
твой - clip2net.com/s/3CHJFVL

[Максим]

iBird Rose: у тебя градиент не так закрашивается как мне нужно