How to set animation of SVG path?

Question

SVG

There is an svg path given for example by these two points:

<svg>
  <g>
    <path d="M 82,97 L 88,136">
    </path>
  </g>
</svg>

It turns out 1 line. How can I animate this line so that it smoothly appears (extends) from 0 to full length?

Answer 1

jsfiddle.net/xvtj8dxb/
Instructions