Как сверстать верстать диаграмму навыков для портфолио?

Question

[Кодер Кодер]

Есть в макете вот такой блок с диаграммой:

Искал в гугле и наткнулся на js библиотеки для построения диаграмм, такие как chart.js и другие. Но всё не то. Может кто сталкивался с подобным?

Comments

[Steppp]

А как узнать что ты знаешь фотошоп на 80% или html css на 95%???

[Кодер Кодер]

Steppp, Хороший вопрос) Его вам скорее всего надо задать тем, кто придумывает такие макеты.

Answer 1

[kocherman]

Можно еще проще.
https://jsfiddle.net/0fuz5rLj/

<ul>
  <li>
    <p>Adobe Photoshop</p>
    <progress value="0.60"></progress>
  </li>
</ul>

Comments

[Кодер Кодер]

Круто! Я и не знал, что есть такой тег. Спасибо

Answer 2

[Никита Михайлов]

Можно и без различных библиотек. Например, так

Comments

[Кодер Кодер]

Точно, в макете именно такое решение. Спасибо