body {
  margin: 0;
}

.progress {
    border-radius: 2px;
    margin-bottom: 10px;
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    overflow: hidden;
    background-color: inherit;
}
.progress-linear-background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: .3;
}
.progress-linear-indeterminate {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 40%;
    -webkit-animation: linear-progress-animate .84s cubic-bezier(.445,.05,.55,.95);
    animation: linear-progress-animate .84s cubic-bezier(.445,.05,.55,.95);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
.progress-linear-determinate {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: width .3s linear;
    transition: width .3s linear;
}
.progress-small {
    height: 6px;
}

@-webkit-keyframes linear-progress-animate {
    0% {
        left: -40%
    }

    to {
        left: 100%
    }
}

@keyframes linear-progress-animate {
    0% {
        left: -40%
    }

    to {
        left: 100%
    }
}