Как сверстать верстать диаграмму навыков для портфолио?
Можно еще проще.
https://jsfiddle.net/0fuz5rLj/
<ul>
  <li>
    <p>Adobe Photoshop</p>
    <progress value="0.60"></progress>
  </li>
</ul>
Можно и без различных библиотек. Например, так 

snippet