JSFiddle - React, Tailwind, and code Playground

by Nonamenonamevi4

HTML

<div class="circle"><span class="number">75</span><span  class="percent">%</span></div>

CSS

.circle {
  position: relative;
  margin: 50px;
  position: relative;
  width: 120px;
  height: 120px;
  border: 30px solid #95cd8b;
  border-right-color: #d0e6bb;
  border-radius: 50%;
  text-align: center;

}

.number, .percent

.number {
  font-size: 35px;
}

.percent {
  font-size: 1.5em
}