<div class="np-dashboard-resources">
	<div class="">
	{% assign countCourses = 0 %}
	{% assign countPeople = 0 %}
	{% assign countEvents = 0 %}
	{% assign countGroups = 0 %}
	{% assign countTotal = 0 | times: 1.0 %}
	  {% for course in courses %}
	    	{% assign countCourses = countCourses | plus: 1 %}
	{% endfor %}
	  {% for name in groups %}  
		{% assign countGroups = countGroups | plus: 1 %}
	{% endfor %}
	  {% for title in trainingevents %}
		{% assign countEvents = countEvents | plus: 1 %}
	{% endfor %}
	  {% for name in current_person %}
		{% assign countPeople = countPeople | plus: 1 %}
	{% endfor %}
<ul class="circle-list">
	<li>
	  {% include "progress_circle", name:'Courses' , count: countCourses %}
	</li>
	<li>
	  {% include "progress_circle", name:'People' , count: countPeople %}
	</li>
	<li>
	  {% include "progress_circle", name:'Events' , count: countEvents %}
	</li>
	<li>
	  {% include "progress_circle", name:'Groups' , count: countGroups %}
	</li>
	</ul>
	</div>
	</div>
	  
<style>
    .circle-list {
      list-style-type: none !important;
    }
    .align-center {
      align-items: center !important;
  }
  .progress-ring__circle {
    transition: stroke-dashoffset 0.35s;
  }
  .progress-ring__circle {
    transition: stroke-dashoffset 0.35s;
    transform: rotate(-90deg);
    transform-origin: center;
  }
</style>