.bar {
  width: 100%;
  height: 7px;
  margin-top: 10px;
}

.bar1 {
  background-image: linear-gradient(to right, #FF7473, #FF7473 20%, #FFC952 20%, #FFC952 40%, #47B8E0 40%, #47B8E0 60%, #7451DF 60%, #7451DF 80%, #f2ff00 80%, #f2ff00 100%);
}

.bar2 {
  background-repeat: no-repeat;
  background-size: 20% 100%, 40% 100%, 60% 100%, 80% 100%, 100% 100%;
  background-image: linear-gradient(#FF7473, #FF7473), linear-gradient(#FFC952, #FFC952), linear-gradient(#47B8E0, #47B8E0), linear-gradient(#7451DF, #7451DF), linear-gradient(#5E553E, #5E553E);
}