JSFiddle - React, Tailwind, and code Playground

by Andrey

HTML

<div>
<span style="width: 20%"></span>
<svg width="90" height="15" viewBox="0 0 90 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M0 0h90v15H0V0zm9.016 1.21l1.677 3.34a1.743 1.743 0 0 0 .846.81 1.937 1.937 0 0 0 .484.143l3.75.549-2.715 2.601a1.728 1.728 0 0 0-.505 1.534l.64 3.675-3.357-1.734a1.786 1.786 0 0 0-.82-.198 1.816 1.816 0 0 0-.822.198l-3.352 1.734.64-3.675a1.703 1.703 0 0 0-.508-1.534L2.26 6.052l3.75-.532a1.805 1.805 0 0 0 1.097-.603c.092-.106.17-.224.234-.35l1.674-3.356zm18 0l1.677 3.34a1.742 1.742 0 0 0 .546.638c.233.166.501.274.784.315l3.75.549-2.715 2.601a1.734 1.734 0 0 0-.518 1.026c-.02.168-.017.34.013.508l.64 3.675-3.357-1.734a1.799 1.799 0 0 0-1.642 0l-3.352 1.734.64-3.675a1.702 1.702 0 0 0-.51-1.534l-2.711-2.601 3.75-.532c.284-.042.553-.15.784-.316.232-.166.42-.384.547-.637l1.674-3.356zm19.677 3.34l-1.677-3.34-1.674 3.357a1.739 1.739 0 0 1-.547.637c-.067.048-.136.09-.208.127l-.114.056c-.147.064-.302.11-.461.133l-3.751.532 2.712 2.601a1.723 1.723 0 0 1 .534 1.196 1.69 1.69 0 0 1-.025.338l-.64 3.675 3.352-1.734a1.791 1.791 0 0 1 .822-.198c.285 0 .567.068.82.198l3.357 1.734-.64-3.675a1.687 1.687 0 0 1 .06-.828c.088-.267.24-.508.445-.706l2.715-2.601-3.75-.55a1.79 1.79 0 0 1-.784-.314 1.75 1.75 0 0 1-.546-.637zm16.323-3.34l1.677 3.34c.127.254.315.471.546.638.233.166.501.274.784.315l3.75.549-2.715 2.601a1.734 1.734 0 0 0-.445.706c-.089.267-.11.551-.06.828l.64 3.675-3.357-1.734a1.799 1.799 0 0 0-1.642 0l-3.352 1.734.64-3.675a1.702 1.702 0 0 0-.51-1.534l-2.711-2.601 3.75-.532c.284-.042.552-.15.784-.316.232-.166.42-.384.547-.637l1.674-3.356zm19.677 3.34l-1.677-3.34-1.674 3.357c-.127.253-.315.471-.547.637-.231.165-.5.274-.783.316l-3.751.532 2.712 2.601a1.723 1.723 0 0 1 .523 1.036 1.779 1.779 0 0 1-.014.498l-.64 3.675 3.352-1.734a1.842 1.842 0 0 1 .821-.198 1.772 1.772 0 0 1 .82.198l3.358 1.734-.64-3.675a1.687 1.687 0 0 1 .06-.828c.088-.267.24-.508.445-.706l2.715-2.601-3.75-.55a1.775 1.775 0 0...

CSS

svg {
display: block;
position: relative;
}
div {
  position: relative;
  width: 90px;
  height: 15px;
  overflow:hidden;
  color: #fff;
}
span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: #D01481;
}