:root {
    --hue: 220;
    --holesize: 62%;
    --track-bg: hsl(0, 0%, 70.2%);
	--progress-color: #f2f2f2;
}

.RadialProgress {
    block-size: 50px;
    inline-size: 50px;
    min-inline-size: 50px;
    min-block-size: 50px;
    display: grid;
    place-items: center;
    position: relative;
    font-weight: 700;
    font-size: 15px;
}

.RadialProgress::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    background: conic-gradient(
			var(--progress-color),
            var(--progress-color),
            var(--progress-color) var(--progress, 0%),
            var(--track-bg) var(--progress, 0%) 100%);

    mask-image: radial-gradient(transparent var(--holesize),
            black calc(var(--holesize) + 0.5px));
}