CSS spinner

spinner.css

.fetching {
  pointer-events: none;
}

.fetching::after {
  content: '';
  border-radius: 100%;
  border-top: .2em solid rgba(255, 255, 255, .9);
  border-left: .2em double rgba(255, 255, 255, .6);
  border-bottom: .2em dotted rgba(255, 255, 255, .3);
  border-right: .2em solid transparent;
  animation: fetching .8s infinite linear;
  margin: -2.4em 0 1em .5em;
  width: 0;
  display: block;
  padding: .8em;
}

@keyframes fetching {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}