How to change svg fill length?

Question

SVG

How to change the fill length from this svg
, like this
https://codepen.io/Ponomareva1994/pen/gOoMBNv

Answer 1

1) Replace pathwith rect
2) For gradient use gradientUnits="userSpaceOnUse"