.ppl-loader {
    height: 3px;
    width: 100%;
    position: fixed;
    top: 0px;
    overflow: hidden;
    background-color: #ddd;
    z-index: 500000;
}
.ppl-loader:before {
    display: block;
    position: fixed;
    content: "";
    left: -200px;
    width: 200px;
    height: 3px;
    background-image: -webkit-linear-gradient( 135deg,#4620c0 20%,#377eff 70% );
    animation: wait-loading 0.8s linear infinite;
}
@keyframes wait-loading {
    from { left: -200px; width: 30%; }
    50% { width: 30%; }
    70% { width: 70%; }
    80% { left: 50%;}
    95% { left: 120%; }
    to { left: 100%; }
}