want to do segmented color bar effect, but each segment of the connection is virtual, how to eliminate it? Is there any way to avoid it?
.top {
height: 28px;
background-image:
linear-gradient(
to right,
$red1,
$red1 20%,
$yellow1 20%,
$yellow1 40%,
$blue1 40%,
$blue1 60%,
$purple1 60%,
$purple1 80%,
$brown1 80%,
$brown1 100%,);
}