p {
  padding: 10px 0;
}
.mark1 {
  background: linear-gradient(transparent 0%, yellow 0%);
}
.mark2 {
  background: linear-gradient(transparent 20%, yellow 0%);
}
.mark3 {
  background: linear-gradient(transparent 40%, yellow 0%);
}
.mark4 {
  background: linear-gradient(transparent 60%, yellow 0%);
}
.mark5 {
  background: linear-gradient(transparent 80%, yellow 0%);
}
.mark_red {
  color: #fff;
  background-color: #f00;
  <!-- background: linear-gradient(transparent 0%, red 0%);-->
  padding-left: 5px;
  padding-right: 5px;
}
.mark_blue {
  color: #fff;
  background: linear-gradient(transparent 0%, blue 0%);
  <!-- background-color: #00f; -->
  padding-left: 5px;
  padding-right: 5px;
}
