.cargando {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 8px;
}

    .cargando .separador {
        clear: both;
    }

    .cargando .panel1 {
        position: relative;
        top: 0;
        left: 0;
        width: 0;
        height: 100%;
        float: left;
        -moz-animation: panel1 2s ease-in infinite alternate;
        -o-animation: panel1 2s ease-in infinite alternate;
        -webkit-animation: panel1 2s ease-in infinite alternate;
        animation: panel1 2s ease-in infinite alternate;
    }

    .cargando .panel2 {
        position: relative;
        top: 0;
        right: 0;
        width: 50%;
        height: 100%;
        float: right;
        -moz-animation: panel1 2s ease-in infinite alternate;
        -o-animation: panel1 2s ease-in infinite alternate;
        -webkit-animation: panel1 2s ease-in infinite alternate;
        animation: panel1 2s ease-in infinite alternate;
    }

@keyframes panel1 {
    0% {
        background-color: #1086A6;
        width: 0;
    }

    20% {
        background-color: #8561de;
    }

    40% {
        background-color: #ff6767;
    }

    60% {
        background-color: #ffa463;
    }

    80% {
        background-color: #ffe866;
    }

    100% {
        background-color: #7bdd50;
        width:50%;
    }
}

@-moz-keyframes panel1 {
    0% {
        background-color: #1086A6;
        width: 0;
    }

    20% {
        background-color: #8561de;
    }

    40% {
        background-color: #ff6767;
    }

    60% {
        background-color: #ffa463;
    }

    80% {
        background-color: #ffe866;
    }

    100% {
        background-color: #7bdd50;
        width: 50%;
    }
}

@-webkit-keyframes panel1 {
    0% {
        background-color: #1086A6;
        width: 0;
    }

    20% {
        background-color: #8561de;
    }

    40% {
        background-color: #ff6767;
    }

    60% {
        background-color: #ffa463;
    }

    80% {
        background-color: #ffe866;
    }

    100% {
        background-color: #7bdd50;
        width:50%;
    }
}