| Server IP : 108.170.25.35 / Your IP : 18.227.105.164 Web Server : Apache/2 System : Linux gains.winzonesoftech.com 4.18.0-513.24.1.el8_9.x86_64 #1 SMP Mon Apr 8 11:23:13 EDT 2024 x86_64 User : studio ( 1434) PHP Version : 8.1.28 Disable Function : exec,system,passthru,shell_exec,proc_close,proc_open,dl,popen,show_source,posix_kill,posix_mkfifo,posix_getpwuid,posix_setpgid,posix_setsid,posix_setuid,posix_setgid,posix_seteuid,posix_setegid,posix_uname MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/studio/public_html/gfgdfgdfg/scss/components/ui/ |
Upload File : |
// Variable.scss
.progress-bar {
background-color: $primary;
}
.progress-bar-primary {
background-color: $primary;
}
.progress-bar-success {
background-color: $success;
}
.progress-bar-info {
background-color: $info;
}
.progress-bar-danger {
background-color: $danger;
}
.progress-bar-warning {
background-color: $warning;
}
.progress-bar-pink {
background-color: $pink;
}
.progress {
height: 6px;
overflow: hidden;
// box-shadow: inset 0px 0px 5px 0px rgba(0, 0, 0, 0.13);
&-bar{
// outline: 1px solid #fff;
border-radius: 4px;
}
}
.progress-vertical {
display: inline-block;
margin-bottom: 0;
margin-right: 2rem;
min-height: 17rem;
position: relative;
@include media-breakpoint-down(md) {
margin-right: 1rem;
}
}
.progress-vertical-bottom {
display: inline-block;
margin-bottom: 0;
margin-right: 2rem;
min-height: 17rem;
position: relative;
transform: rotate(180deg);
@include media-breakpoint-down(md) {
margin-right: 1rem;
}
}
.progress-animated {
animation-duration: 5s;
animation-name: myanimation;
transition: all 5s ease 0s;
}
@keyframes myanimation {
0% {
width: 0;
}
}
@keyframes myanimation {
0% {
width: 0;
}
}