.bar,
.bar-item {
    font-size: 0;
}
.bar {
    margin: 0;
    padding: 0;
}
.bar-item {
    display: inline-block;
    height: 5px;
    width: 10%
}
.bar,
.bar-item {
    font-size: 0;
}
.bar {
    margin: 0;
    padding: 0;
    z-index: 2;
}
.bar-item {
    display: inline-block;
    height: 5px;
    width: 10%
}

Make bar 'hover' over content while scrolling
:art: Make bar 'hover' over content while scrolling
