.uniLoadCircle {
    fill: none;
    stroke-linecap: round;
    stroke-linejoin: round;
    --uniLoadCircleSize:    40;
    --uniLoadCircleStroke:   2;
    --uniLoadCircleProgress: 33;
    --uniLoadCircleStart: 75;
    stroke-width: calc((var(--uniLoadCircleStroke) * 1px) * 31.831 / (var(--uniLoadCircleSize) * 1px));

}

.uniLoadCircleProgress {
    stroke-dasharray: calc(var(--uniLoadCircleProgress) * 1px) calc((100 - var(--uniLoadCircleProgress)) * 1px);
    stroke-dashoffset: calc(var(--uniLoadCircleStart) * -1px);
}

.uniLoadCircle.startT { --uniLoadCircleStart: 75; }
.uniLoadCircle.startR { --uniLoadCircleStart:  0; }
.uniLoadCircle.startB { --uniLoadCircleStart: 25; }
.uniLoadCircle.startL { --uniLoadCircleStart: 50; }