<div class="cizgi">
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
    <div class="cz kirmizi"></div>
    <div class="cz sari"></div>  
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
    <div class="cz kirmizi"></div>
    <div class="cz sari"></div> 
    <div class="cz mavi"></div>
    <div class="cz siyah"></div>
</div>

.cizgi {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 10px;
}

.cizgi .cz {
    float: left;
    width: 10%;
    height: 10px;
}

.cizgi .mavi {
    background: #0a8bf9;
}

.cizgi .siyah {
    background: #000;
}

.cizgi .kirmizi {
    background: #f90a2c;
}

.cizgi .sari {
    background: #f9eb0a;
}