Как сделать полоски в прогресс бар?

Question

[mastaJoe]

.progressbar 
    width: 650px
    height: 28px
    position: relative
    box-shadow: inset 0 3px 5px 1px rgba(0, 0, 0, 0.06)
    background-color: #ebebeb
    background-image: linear-gradient(to bottom, rgba(215, 215, 215, 0.35) 0%, rgba(255, 255, 255, 0.35) 100%)
    span 
        display: block
        width: 516px
        height: 100%
        box-shadow: 0 8px 12px rgba(125, 173, 255, 0.28)
        background-color: #bad3ff
        background-image: linear-gradient(to left, #6ea3ff 0%, rgba(108, 161, 255, 0) 100%)
        position: relative
        overflow: hidden
        &::after
            content: ""

<div class="progressbar">
    <span></span>
</div>