.loader {
    position: fixed;
    top: -100%;
    right: 200px;
    background: #2b2b2b;
    color: #fdfdfd;
    padding: 6px;
    width: 80px;
    text-align: center;
    font-size: 16px;
    z-index: 1000;
}

/*.transition-on */.loader{
    transition: all 500ms;
}

.loader-saving .loader{
    top: 0;
}

/*.transition-on */.loader .loadbar.transition{
    transition: 900ms width linear;
}

.loader .loadbar{
    width: 0;
    height: 6px;
    background: #24ff00;
    position: absolute;
    bottom: -12px;
    left: 0;
}

.loading-green .loadbar{
    background: coral !important;
}

.loader.loading .loadbar{
    width: 100%;
}