/* 
SETTINGS
If you need the loader go faster or slower, this is the place to change. Don't forget to update 'time' in the javascript
*/
.loader-container {
    height: 3px;
    width: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(left, #ff6a00, #ff6a00);
    background-image: -moz-linear-gradient(left, #ff6a00, #ff6a00);
    background-image: -o-linear-gradient(left, #ff6a00, #ff6a00);
    background-image: -ms-linear-gradient(left, #ff6a00, #ff6a00);
    background-image: linear-gradient(left, #ff6a00, #ff6a00);
    position:relative;
}

    .loader-container.done:after {
        background: Red;
    }

.run .runner {
    content: "";
    position: absolute;
    right: 0;
    height: 100%;
    width: 0%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(top, #ffffff, #e2e2e2);
    background-image: -moz-linear-gradient(top, #ffffff, #e2e2e2);
    background-image: -o-linear-gradient(top, #ffffff, #e2e2e2);
    background-image: -ms-linear-gradient(top, #ffffff, #e2e2e2);
    background-image: linear-gradient(top, #ffffff, #e2e2e2);
    top:0px;
    width:100%;
}

.meter {
    font-size: 2em;
    margin-top: 0.3em;
    color: #ff6a00 !important;
    animation: meter 10s linear;
    text-align: right;
}

    .meter:after {
        content: "%";
    }