1. conic-gradient 사용하기

styled-component

const Graphs = styled.div`

position: relative;
  width: 83px;
  height: 83px;
  border-radius: 100%;
  margin: 0 auto;

background : ${(props) => {
  props.graphData ? `conic-gradient(${props.graphData.bgColor} ${props.graphData.percent}%, gray 0%)`
  : 'white'
}};

span {
    position: absolute;
    text-align: center;
    line-height: 63px;
    left: 10px;
    top: 10px;
    width: 63px;
    height: 63px;
    border-radius: 100%;
    background-color: white;
};
`;