Как сверстать такой график?

Question

[Villas56]

Как и чем лучше сверстать такой график? Желательно без библиотек.
Или хотя бы скажите, как он называется.

Comments

[Рональд Макдональд]

Он называется «невидимый график», я про такие много слышал.

[Villas56]

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

[Рональд Макдональд]

Villas56, во, увидел, это график вида «я не график, я прогресс-бар».

[Rustam Bainazarov]

Villas56, SVG.

Ну, в данном случае возможно и на CSS сделать, но зачем?

[Villas56]

Рональд Макдональд, да возможно, но задачу выполняет графика)

[Villas56]

Рустам Байназаров, чую сердцем, что можно и css, но похоже знаний не хватает, вот и пищу на тостер

[Rustam Bainazarov]

Villas56, трансформации, развороты, куча блоков. Но зачем, когда можно сделать нормально на SVG.

[Villas56]

Рустам Байназаров, Да, возможно, я думал можно сделать один див и градиент, но думаю не стоит выпендриваться и сделаю свг

[Rustam Bainazarov]

Villas56, если вам и удастся сделать такой градиент, то я не уверен, что вы не потратите на него 10 часов.

[Ankhena]

Рустам Байназаров, чисто поржать:

[Rustam Bainazarov]

Ankhena, LOL.

На самом деле мне не смешно. Мне страшно.

Answer 1

[RAX7]

Answer 2

[Robert-critical-thoughts]

Сверстать можно так