Как сделать такую линию вверху сайта?

div {
  height: 1px;
  background-image: repeating-linear-gradient(to right,
    green 0, green 1em,
    purple 1em, purple 2em,
    tomato 2em, tomato 3em,
    blue 3em, blue 4em
  );
}

.wrapper {
    padding-top: 15px;
    background: url("img/bg-top.jpg") repeat-x center top;
}