.chart-skills {
  padding: 0;
  list-style-type: none;
  position: relative;
  width: 180px;
  height: 90px;
  overflow: hidden;
}

.chart-skills *,
.chart-skills::before {
  box-sizing: border-box;
}

.chart-skills::before,
.chart-skills::after {
  position: absolute;
}

.chart-skills::before {
  content: '';
  width: inherit;
  height: inherit;
  border: 50px solid rgba(211, 211, 211, .3);
  border-bottom: none;
  border-top-left-radius: 175px;
  border-top-right-radius: 175px;
}


.chart-skills li {
  position: absolute;
  top: 100%;
  left: 0;
  width: inherit;
  height: inherit;
  border: 45px solid;
  border-top: none;
  border-bottom-left-radius: 175px;
  border-bottom-right-radius: 175px;
  transform-origin: 50% 0;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

.chart-skills span {
	display: none;
	position: absolute;
	font-size: .85rem;
	backface-visibility: hidden;
}