How to use TIMELINE in SVG motionPath animation?

Friends, this is a great js animation script. Thank you! But there is a simple task that could not be solved. There is an svg path, and an element moves along it. How to force the element to stop in the middle of the path for 3 seconds, and then continue the movement? Did not find in the examples how in motionPath to add timeline + add parameters?

It turned out only to animate until the middle of the path like this var path = anime.path ('path', 50);

Here is an example: https://codepen.io/Cheizer/pen/ERZNjM

But to stop there for 3 seconds and continue the movement did not work yet 😦 Please tell me how to implement this ??

[VitaliyBogdanov]

@Cheizerman my example of solving your problem - https://codepen.io/VitaliyBogdanov/pen/RJJGvO If you need pause when moving in the opposite direction change condition like that:

if(currProgress == 100) {
  isPaused = false;
}

[Cheizerman]

@VitaliyBogdanov Thank you very much for the solution, but all the same, something is wrong with this currProgreess, with the second iteration isPaused does not work, it does not stop 😦 https://codepen.io/Cheizer/pen/pKKRRq