$colorBlue:#428bca;
 body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#progress {
    position: absolute;
    display: block;
    top: 0;
    width: 0%;
    height: 0.5em;
    background: $colorBlue;
    @include transition(width, 0.3s, ease-in-out);
}
$colorBlue:#428bca;
 body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#progress {
    position: absolute;
    display: block;
    top: 0;
    width: 0%;
    height: 0.5em;
    background: $colorBlue;
    @include transition(width, 0.3s, ease-in-out);

    -webkit-animation: animGrowWidth 0.5s cubic-bezier(0.7, 0, 0.3, 1) 1;
    animation: animGrowWidth 0.5s cubic-bezier(0.7, 0, 0.3, 1) 1;
}

@-webkit-keyframes animGrowWidth {
    from {
        width: 0;
    }
}
@keyframes animGrowWidth {
    from {
        width: 0;
    }
}
Fix animation on progress bar
Fix animation on progress bar
