Template:Progress ring/ProgressRing.css

.progress-ring {
	position: relative;
	border-radius: 50%;
}

.progress-ring .circle .mask,
.progress-ring .circle .fill,
.progress-ring .circle .shadow {
	width: 100%;
	height: 100%;
	position: absolute;
	border-radius: 50%;
}

.progress-ring .inset {
	position: absolute;
	border-radius: 50%;
}

.progress-ring .inset .percentage {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.progress-ring .inset .percentage .numbers span {
	font-weight: 800;
}