Here’s a really simple spinner that uses CSS:
All you need is an HTML element…
<div class="spinner"></div>
…and some CSS.
.spinner {
height: 30px;
width: 30px;
border: 8px solid #8798a3;
border-radius: 50%;
border-left-color: #a4b1ba;
animation: spin 0.75s linear infinite;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
Check it out on JSFiddle: https://jsfiddle.net/zjxske8z/