perling/public/assets/sass/components/_radial-progress-bar.scss

27 lines
764 B
SCSS

/* ====================== Animated Radial Progress bar Css Start ======================== */
.radial-progress {
height: auto;
max-width: 44px;
transform: rotate(-90deg);
width: 100%;
circle {
fill: rgba(0,0,0,0);
stroke: #fff;
stroke-dashoffset: 219.91148575129;
stroke-width: 4;
stroke: var(--primary-600);
stroke-linecap: round;
&.incomplete {
opacity: 0.2;
}
&.complete {
stroke-dasharray: 219.91148575129;
}
}
text {
fill: var(--text-secondary-light);
font-size: 24px !important;
text-anchor: middle;
}
}
/* ====================== Animated Radial Progress bar Css End ======================== */