hugo-toha/layouts/partials/progress/soft-skills.html

<div class="col-6 col-lg-4 p-2">
  <div class="circular-progress {{ .color }}">
    <span class="circular-progress-left">
      <span
        class="circular-progress-bar circular-progress-percentage-{{ .percentage }}"
      ></span>
    </span>
    <span class="circular-progress-right">
      <span class="circular-progress-bar"></span>
    </span>
    <div class="circular-progress-value">{{ .name }}</div>
  </div>
</div>