body {
  overflow: hidden;
}

.circle {
  position: absolute;
  width: 100px;
  height: 100px;
  border-radius: 100%;
  background: #aaa;
}

.circle:after {
  content: '';
  width: 75px;
  background-color: #999;
  height: 15px;
  position: absolute;
  top: 42.5px;
  left: 12.5px;
}

.circle.active {
  background: #c99;
}

.circle.active:after {
  background: #b88;
}