@atlassian/aui
Version:
Atlassian User Interface Framework
69 lines (66 loc) • 1.28 kB
CSS
/*!!
* @atlassian/aui - Atlassian User Interface Framework
* @version v8.0.0-alpha.1
* @link https://aui.atlassian.com
* @license SEE LICENSE IN LICENSE.md
* @author Atlassian Pty Ltd.
*/
aui-progressbar {
display: block;
}
.aui-progress-indicator {
background: rgba(9, 30, 66, 0.13);
border-radius: 3px;
height: 6px;
overflow: hidden;
position: relative;
/* so that animations work */
width: 100%;
}
.aui-progress-indicator-value {
-webkit-animation: progressSlide 5s infinite ease-in-out;
animation: progressSlide 5s infinite ease-in-out;
border-radius: 3px;
display: block;
height: 6px;
transition: none;
position: absolute;
width: 10%;
background: #42526E;
}
@-webkit-keyframes progressSlide {
0% {
left: 0%;
}
50% {
left: 90%;
}
100% {
left: 0%;
}
}
@keyframes progressSlide {
0% {
left: 0%;
}
50% {
left: 90%;
}
100% {
left: 0%;
}
}
.aui-progress-indicator[data-value] .aui-progress-indicator-value {
-webkit-animation: none;
animation: none;
left: 0;
background: #42526E;
border-radius: 3px;
transition: width 0.5s;
}
.aui-progress-indicator-static[data-value] .aui-progress-indicator-value {
-webkit-animation: none;
animation: none;
left: 0;
transition: none;
}