<div class="np-dashboard-resources">
  <div id="progress-card" class="np-card">
    <div class="np-dashboard-border" style="margin-top: -4%;">
        {% if courses.enrolled.any? %}
          {% assign countComplete = 0 %}
          {% assign countInProgress = 0 %}
          {% assign countNotStarted = 0 %}
          {% assign countTotal = 0 | times: 1.0 %}
          {% for course in courses.enrolled %}
            {% assign countTotal = countTotal | plus: 1 %}
            {% if course.progress == 100 %}
              {% assign countComplete = countComplete | plus: 1 %}
            {% endif %}
            {% if course.progress > 0 and course.progress < 100 %}
              {% assign countInProgress = countInProgress | plus: 1 %}
            {% endif %}
            {% if course.progress == 0 %}
              {% assign countNotStarted = countNotStarted | plus: 1 %}
            {% endif %}
          {% endfor %}
          <div class="np-dashboard-resources-title" style="position: absolute; margin-top: 0.75%; padding-left: 1%">Course Progress</div>
          <ul class="progress-circle-list">
            <li>
              {% 
                include "progress_circle", 
                name:'Completed' , 
                count: countComplete , 
                total: countTotal,
                size: "120",
                stroke_color: "rgba(23, 92, 98, 0.05)",
                stroke_color_bg: "rgba(225, 231, 235, 0.2)" 
              %}
            </li>
            <li>
              {% 
                include "progress_circle", 
                name:'In Progress' , 
                count: countInProgress , 
                total: countTotal,
                size: "120",
                stroke_color: "rgba(23, 92, 98, 0.05)",
                stroke_color_bg: "rgba(225, 231, 235, 0.2)"  
              %}
            </li>
          </ul>
        {% else %}
          {% capture message %}
            {% t shared.zero_state.courses.index,
              key: current_school.course_vocabulary
            %}
          {% endcapture %}
          {% include "courses_zero_state", message: message %}
        {% endif %}
    </div>
  </div>
</div>