{{!-- 
	data: {
		steps : [{
			 number: 1,
			 label: 'Devices',
			 active: true
		}]
	}
 --}}

<div class="shopping-progress-ctr">
	<div class="shopping-progress" data-step-count="{{count}}">
		<ul>
			{{#each steps}}
				<li 
					data-step-number="{{this.number}}" 
					data-active="{{this.active}}" 
					data-completed="{{this.completed}}" 
					style="width: calc(1 / {{../count}} * 100%)"
				>{{this.label}}</li>
			{{/each}}
		</ul>
	</div>
</div>