Text in the Circle about progress HOT 2 CLOSED

// component
<article>
  <div className='progress-wrapper'>
    <span className='progress-title'>TEXT</span>
      <Circle
        progress={value}
        options={options}
        initialAnimate
      />
  </div>
</article>


// css
.progress-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.progress-wrapper {
	width: 150px;
	height: 150px;
	margin: auto;
	position: relative;
}