<svg width="229" height="21" viewBox="0 0 229 21" xmlns="http://www.w3.org/2000/svg">
  <defs>
    <pattern id="pattern" width="20" height="20" x="0" y="0" patternUnits="userSpaceOnUse">
      <path d="M0 1.01V19.07C0 19.63 0.45 20.08 1.01 20.08C1.29 20.08 1.54 19.97 1.72 19.79L10.76 10.75C10.94 10.57 11.05 10.32 11.05 10.04C11.05 9.75 10.92 9.48 10.72 9.3L1.72 0.3C1.54 0.11 1.29 0 1.01 0C0.45 0 0 0.45 0 1.01Z" />
    </pattern>
  </defs>

  <rect width="220" height="20" x="0" y="0" fill="url(#pattern)">
    <animate attributeName="width" dur="1s" begin="0s" values="20; 40; 60; 80; 100; 120;140;180;200;229" repeatCount="indefinite" />
  </rect>
</svg>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.