animation not animating instead jumping to end

Question

I am trying to use the SVG animate tag to change the path from a half fill to a complete fill

Answer 1

For an animation to be smooth the path must have the same number and types of commands.

Your first path has 3 commands M H v

Your second path has 4 commands M H L L

You'll need to write the first path using 2 L commands instead of the v or the second as a v instead of the two L commands.