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; }