JSFiddle - React, Tailwind, and code Playground

by Vladimir Kutepov

HTML

<svg width="0" height="0">
  <defs>
    <linearGradient id="brand-gradient" x1="0" y1="0" x2="50%" y2="0">
      <stop offset="0" stop-color="#d52d71"/>
      <stop offset="0.62" stop-color="#dc806e"/>
      <stop offset="1" stop-color="#dda966"/>
    </linearGradient>
  </defs>
</svg>

<svg width="260" height="46" viewBox="0 0 260 46">
  <defs>
    <path id="progress" d="M237 0c-12.4 0-22.5 9.8-23 22.1h-61C152.5 9.8 142.4 0 130 0s-22.5 9.8-23 22.1H46C45.5 9.8 35.4 0 23 0 10.3 0 0 10.3 0 23s10.3 23 23 23 23-10.3 23-23h61c0 12.7 10.3 23 23 23s23-10.3 23-23h61c0 12.7 10.3 23 23 23s23-10.3 23-23-10.3-23-23-23zM23 45C10.8 45 1 35.2 1 23S10.8 1 23 1s22 9.8 22 22-9.8 22-22 22zm107 0c-12.2 0-22-9.8-22-22s9.8-22 22-22 22 9.8 22 22-9.8 22-22 22zm107 0c-12.2 0-22-9.8-22-22s9.8-22 22-22 22 9.8 22 22-9.8 22-22 22z"/>
    <path id="progress-icon-1" d="M19 13.9h-4.7c-.2 0-.4.2-.4.4V19c0 .2.2.4.4.4H19c.2 0 .4-.2.4-.4v-4.7c0-.2-.2-.4-.4-.4zm-.3 4.7h-4v-4h4v4zM25.4 13.9h-4.7c-.2 0-.4.2-.4.4V19c0 .2.2.4.4.4h4.7c.2 0 .4-.2.4-.4v-4.7c-.1-.2-.2-.4-.4-.4zm-.4 4.7h-4v-4h4v4zM31.7 13.9H27c-.2 0-.4.2-.4.4V19c0 .2.2.4.4.4h4.7c.2 0 .4-.2.4-.4v-4.7c0-.2-.2-.4-.4-.4zM19 20.3h-4.7c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4H19c.2 0 .4-.2.4-.4v-4.7c0-.3-.2-.4-.4-.4zm-.3 4.7h-4v-4h4v4zM25.4 20.3h-4.7c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h4.7c.2 0 .4-.2.4-.4v-4.7c-.1-.3-.2-.4-.4-.4zM25 25h-4v-4h4v4zM31.7 20.3H27c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h4.7c.2 0 .4-.2.4-.4v-4.7c0-.3-.2-.4-.4-.4zm-.4 4.7h-4v-4h4v4zM19 26.6h-4.7c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4H19c.2 0 .4-.2.4-.4V27c0-.2-.2-.4-.4-.4zm-.3 4.8h-4v-4h4v4zM25.4 26.6h-4.7c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h4.7c.2 0 .4-.2.4-.4V27c-.1-.2-.2-.4-.4-.4zm-.4 4.8h-4v-4h4v4zM31.7 26.6H27c-.2 0-.4.2-.4.4v4.7c0 .2.2.4.4.4h4.7c.2 0 .4-.2.4-.4V27c0-.2-.2-.4-.4-.4zm-.4 4.8h-4v-4h4v4z"/>
    <path id="progress-icon-2" d="M130 15.3c-1.1 0-2.1.4-2.9 1.2-.8.8-1.2 1.8-1.2 2.9 0 1.1.4 2.1 1.2 2.9.8.8 1.8 1.2 2.9 1.2 1.1 0 2.1-.4 2.9-1.2.8-.8 1.2-1.8 1.2-2.9...

CSS

html {
  background: black;
}
.step1 {
  /* display: none; */
}
.step2 {
  /* display: none; */
}
.step3 {
  display: none;
}