【社内用】サンプルコード：HTML円グラフ

HTML

<div class="pie-chart">
	<span>70%</span>
</div>

CSS

.pie-chart {
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
	border-radius: 50%;
	background-image: conic-gradient(#008181 60%, #f0f0f0 60% 100%);
}
.pie-chart span {
	position: absolute;
	top: 50%;
	right: 25%;
	transform: translate(50%, -50%);
	color: #fff;
}

「conic-gradient」の引数で何パーセントのグラフにするかを指定する。