#divBloqueo {
    background: #007BFF;
    border-bottom: 1px solid #007BFF;
    height: 36px;
}

#divBloqueo {
    height: auto;
    padding: 20px 15px 20px;
    border-radius: 13px 13px;
}

    #divBloqueo h3 {
        font-size: 20px;
        /*text-shadow: 0 1px 0 #ffffff;*/
        color: #FFF;
    }

#contenedorLoading {
    width: 80%;
    height: 1em;
    border: 1px solid #ffffff;
    border-radius: 15px 15px;
    margin: 10px 10% 2px 10%;
}

#barraLoading {
    width: 0;
    height: 100%;
    -webkit-animation: progreso 5s linear infinite;
    animation: progreso 5s linear infinite;
    background: #ffffff;
    border-radius: 13px 13px;
}

@-webkit-keyframes progreso {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@keyframes progreso {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

@-webkit-keyframes porcentaje {
    0% {
        content: '0%';
    }

    25% {
        content: '25%';
    }

    50% {
        content: '50%';
    }

    75% {
        content: '75%';
    }

    100% {
        content: '100%';
    }
}

@keyframes porcentaje {
    0% {
        content: '0%';
    }

    25% {
        content: '25%';
    }

    50% {
        content: '50%';
    }

    75% {
        content: '75%';
    }

    100% {
        content: '100%';
    }
}