voyager-admin/voyager

@keyframes indeterminate_first {
    0% {
        left: -100%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

@keyframes indeterminate_second {
    0% {
        left: -150%;
        width: 100%;
    }
    100% {
        left: 100%;
        width: 10%;
    }
}

.indeterminate {
    height: 100%;
    width: 100%;
    position: relative;

    .before {
        position: absolute;
        height: 100%;
        content: '';

        -webkit-animation: indeterminate_first 1.5s ease-out infinite;
        -moz-animation: indeterminate_first 1.5s ease-out infinite;
        -ms-animation: indeterminate_first 1.5s ease-out infinite;
        -o-animation: indeterminate_first 1.5s ease-out infinite;
        animation: indeterminate_first 1.5s ease-out infinite;
    }

    .after {
        position: absolute;
        height: 100%;
        content: '';

        -webkit-animation: indeterminate_second 1.5s ease-in infinite;
        -moz-animation: indeterminate_second 1.5s ease-in infinite;
        -ms-animation: indeterminate_second 1.5s ease-in infinite;
        -o-animation: indeterminate_second 1.5s ease-in infinite;
        animation: indeterminate_second 1.5s ease-in infinite;
    }
}