ul#loading-bar {
    margin: 0 auto;
    height: 30px;
    width: 100%;
    list-style: none;
    padding: 0;
    text-align: center;
}

li.loading-bar-element {
    display: inline-block;
    width: 18%;
    height: 30px;
    margin-right: 10px;
}

li.loading-bar-element.white {
    background: rgba(255,255,255,0.9);
    box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
    0px 0px 20px rgba(117,182,214,0.5);
}

li.loading-bar-element.black {
    box-shadow: inset 0px 0px 10px 1px rgba(117,182,255,0.4),
    0px 0px 20px rgba(117,182,255,0.1);
}

li.loading-bar-element.loading {
    -webkit-animation: pulse 1s alternate infinite;
    -moz-animation: pulse 1s alternate infinite;
}

@-webkit-keyframes pulse {
    0% {
        background: rgba(255,255,255,1);
        box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
        0px 0px 40px 2px rgba(105,135,255,1);
    }
    100% {
        background: rgba(255,255,255,0);
        box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
        0px 0px 30px 2px rgba(105,135,255,0.3);
    }
}

@-moz-keyframes pulse {
    0% {
        background: rgba(255,255,255,1);
        box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
        0px 0px 40px 2px rgba(105,135,255,1);
    }
    100% {
        background: rgba(255,255,255,0);
        box-shadow: inset 0px 0px 10px 2px rgba(117,182,255,0.5),
        0px 0px 30px 2px rgba(105,135,255,0.3);
    }
}