.waitbar,
.waitbar:before,
.waitbar:after {
    width: 1.2em;
    height: 4em;
    background: blue;
    -webkit-animation: loopbar 1s infinite ease-in-out;
    animation: loopbar 1s infinite ease-in-out;
}
.waitbar {
    margin: 90px auto;
    color: blue;
    position: relative;
    font-size: 12px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.18s;
    animation-delay: -0.16s;
    text-indent: -9998em;
}
.waitbar:before,
.waitbar:after {
    position: absolute;
    content: '';
}
.waitbar:before {
    left: -1.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.waitbar:after {
    left: 1.5em;
}
@-webkit-keyframes loopbar {
    0%,
    80%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}
@keyframes loopbar {
    0%,
    70%,
    100% {
        box-shadow: 0 0;
        height: 4em;
    }
    40% {
        box-shadow: 0 -2em;
        height: 5em;
    }
}