jake_kim 2019. 10. 8. 16:12
반응형

<!doctype html>
<html>
	
<head>
<style>
	.pie
	{
		padding: 48vmin;
		border-radius: 50%;
		--value: 0%;
		background: conic-gradient(red var(--value, 0%), yellow 0 60%, black 0);
	}
</style>
</head>

<body>
<div class="pie" style="--value: 40%;"></div>
</body>

</html>

 

반응형