Template:Progress ring/ProgressRing.css: Difference between revisions
From Portals of Phereon Wiki
Content added Content deleted
m (Kozd moved page MediaWiki:ProgressRing.css to Template:Progress ring/ProgressRing.css without leaving a redirect) |
(Kozd changed the content model of the page Template:Progress ring/ProgressRing.css from "CSS" to "Sanitized CSS") Tag: content model change |
||
(No difference)
|
Revision as of 08:55, 25 December 2020
.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;
}