loader-pie.svg

<svg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 40 40' width='40' height='40'>
	<style>
	 	circle {
			fill: none;
			stroke: #000;
			stroke-width: 20px;
			shape-rendering: geometricPrecision;
			stroke-dasharray: 63;
			stroke-dashoffset: 126;
			transform-origin: 50%;
			transform: rotate(-90deg);
			animation: animate 2s linear infinite;
		}
		@keyframes animate {
			to {
				stroke-dashoffset: 0;
			}
		}
	</style>
	<circle cx='20' cy='20' r='10'/>
</svg>