<p class="w3-large">
  <b><i class="fa fa-asterisk fa-fw w3-margin-right w3-text-teal"></i>Skills</b>
</p>

<% for(let i = 0; i<skill.length; i++){ %>
  <p><%= skill[i]["name"] %></p>
  <div class="w3-light-grey w3-round-xlarge w3-small">
    <div
      class="w3-container w3-center w3-round-xlarge w3-teal"
      width="skill[i].progress"
    >
      <span [style.width.%]="skill[i].progress"
        ><%= skill[i]["progress"] %></span
      >
    </div>
  </div>
  <%}%>
</skill.length;>
