How to animate the svg path only forward?

Question

I need help to animate this svg only forward, right now it's doing forward and backwards like in the codepen.

https://codepen.io/victoreugen2002/pen/oNYGyBY

.path.active {
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  animation: dash 2s linear alternate infinite;
}

@keyframes dash {

  to {
    stroke-dashoffset: 0;
  }
}