Как это сверстать?

Question

[Эмиль Рахматуллин]

Update: для особо одарённых))
Я выделил фиолетовую полосу. Туда подставляются значения в зависимости от процента. То есть, к примеру, очки от 0 (0%) до 45 (100%).

Comments

[Даниил Попов]

А красные палочки - это ваше выделение или фантазия дизайнера?

[Антон Литвиненко]

одной картинкой

[Эмиль Рахматуллин]

Даниил Попов, выделение. Туда надо подставлять очки (от 0 до 45). Картинкой не катит

[Эмиль Рахматуллин]

Антон Литвиненко, написал, что туда очки вставляются из игры. Динамичная должна быть

[Сергей П]

Эмиль Рахматуллин, так надо в вопросе это оговаривать. И ещё пояснять как должны выглядеть 0, 12, 44 очка..
Тот голос, что вы слышите у себя в голове, никто больше не слышит.

[Эмиль Рахматуллин]

Сергей Паньков, очевидно же! Хоспаде))

[Сергей П]

очевидно же! Хоспаде))

Эмиль Рахматуллин, я же о чем! Очевидно как верстать! Не понятно что не понятно.

[Philipp]

Какая безвкусная гадость этот дизайн.

[Saboteur]

Я так понимаю, что человек спрашивает как сверстать полукруглую полупрозрачную фиолетовую шкалу, которая должна заполняться в зависимости от процента.

[Эмиль Рахматуллин]

Saboteur, верно

Answer 1

[Сергей П]

Так а в чем проблема-то? Вы как-то попробовали и у вас не получилось? PNG-картинку с прозрачностью не вариант поставить?

Comments

[Эмиль Рахматуллин]

В выделенную область надо подставлять набранные очки. Картинка не катит.

[Эмиль Рахматуллин]

Еслиб все было так просто...)))

[Антон Литвиненко]

Эмиль Рахматуллин, а в чем проблема спозиционировать элемент с очками поверх картинки? так обычно и делают

[Сергей П]

Эмиль Рахматуллин, да, вы как-то уж детальнее описываейте своб проблему. а-то нам тут на кофейной гуще гадать предлагаете? Я никакой проблемы не вижу, а в чем она у вас там эта проблема - изложите. Или за вас сверстать надо целиком?
Задания тут нельзя постить