Loader

A dotted shape placed around a circle that indicates when something is loading or being calculated in the backgorund.

Default

px 

			
				<div class="a-loader ">
	<div class="a-loader__dots">
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
	</div>
</div>

With feedback

px 

			
				<div class="a-loader ">
	<div class="a-loader__dots">
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
		<div class="a-loader__shape">
			<span class="a-loader__dot"></span>
		</div>
	</div>
	<p class="a-loader__feedback">Trefwoorden op basis van jouw zoekterm &#39;Excel&#39;</p>
</div>