35 lines
413 B
SCSS
35 lines
413 B
SCSS
//
|
|
// _progress.scss
|
|
//
|
|
|
|
// Progress height small
|
|
.progress-sm {
|
|
height: 5px;
|
|
}
|
|
|
|
|
|
// Progress height medium
|
|
.progress-md {
|
|
height: 8px;
|
|
}
|
|
|
|
|
|
// Progress height large
|
|
.progress-lg {
|
|
height: 12px;
|
|
}
|
|
|
|
.animated-progess{
|
|
position: relative;
|
|
.progress-bar {
|
|
position: relative;
|
|
border-radius: 6px;
|
|
animation: animate-positive 2s;
|
|
}
|
|
}
|
|
|
|
@keyframes animate-positive {
|
|
0% {
|
|
width: 0;
|
|
}
|
|
} |