28 lines
472 B
SCSS
28 lines
472 B
SCSS
@import "@Themes/constants.scss";
|
|
|
|
.root {
|
|
position: relative;
|
|
background-color: $color-neutral-200;
|
|
box-shadow: inset 0px 4px 8px rgba(0, 0, 0, 0.08);
|
|
height: 12px;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.progress {
|
|
position: relative;
|
|
border-radius: 5px;
|
|
display: block;
|
|
width: 100%;
|
|
height: 100%;
|
|
transition: width 300ms;
|
|
background-color: $color-secondary-500;
|
|
|
|
.percentage {
|
|
width: 0;
|
|
position: absolute;
|
|
top: 16px;
|
|
left: 50%;
|
|
transform: translate(-50%);
|
|
}
|
|
}
|