@hardikdabhi/ngx-spinner/src/app/ngx-spinner/spin1/spin1.component.html

Customizable loading spinner for Angular (version ng 5 and above)

<div class="sk-circle" [style.height]="config.size" [style.width]="config.size">
  <div class="sk-circle1 sk-child" ></div>
  <div class="sk-circle2 sk-child" ></div>
  <div class="sk-circle3 sk-child" ></div>
  <div class="sk-circle4 sk-child" ></div>
  <div class="sk-circle5 sk-child" ></div>
  <div class="sk-circle6 sk-child" ></div>
  <div class="sk-circle7 sk-child" ></div>
  <div class="sk-circle8 sk-child" ></div>
  <div class="sk-circle9 sk-child" ></div>
  <div class="sk-circle10 sk-child"></div>
  <div class="sk-circle11 sk-child"></div>
  <div class="sk-circle12 sk-child"></div>
</div>
<div #styles></div>