Shortening the SVG path through JS - how to do it?

Question

JavaScript

There is some path in the form of an arc

<path d="M13.7243948,73.2793765 C86.8424111,24.4264588 173.865999,1.73468666e-15 274.795158,0 C375.724318,0 462.747906,24.4264588 535.865922,73.2793765" id="active-path" stroke="url(#linearGradient-1)" stroke-width="2" stroke-linecap="square"></path>

And I need to show this path depending on the number received from the server - in JS I translate it into percentages and I need to build on these percentages.
How can I do this if, for example, I need to show 47% of the path?
UPD (to understand my task):
It is necessary that this airplane move along an arc until a certain moment, at the same time the arc must be painted over behind the airplane

Answer 1

#active-path {
  stroke-dasharray: 58% 200%;
}

The first number is the length of the line, the second is the gap between the lines.
Coefficient 1.24 is selected empirically, and depends on the curvature of the arc.
https://jsfiddle.net/Stalk/mx9L752a/