<div class="circle"></div>
.circle {
  background-image: radial-gradient(circle, #456BD9, #456BD9 66%, transparent 66%);
  height: 5em;
  width: 5em;
}

External CSS

  1. https://codepen.io/tylersticka/pen/84283323f542da5a9690fa4581c876ec

External JavaScript

This Pen doesn't use any external JavaScript resources.