javascript : 현재 페이지에있는 동안 마지막 키 프레임의 navbar 요소에서 애니메이션을 유지하려면 어떻게해야합니까?

링크를 가리키면 선이 왼쪽에서 오른쪽으로 흐르는 사용자 정의 애니메이션이 있습니다 (예 참조 : https://jsfiddle.net/mxfiddle/fubLo45j/2/).

현재 페이지에 행이 유지되기를 원합니다. ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ ㅇㅇㅇ

저는 일반적으로 웹 개발에 전혀 익숙하지 않으므로 어떤 도움을 주시면 감사하겠습니다.

미리 감사합니다.

활성 수업 추가를위한 내 code :

//Get the container element
var navbarContainer= document.getElementById("navbar");
//Get all navbar elements with class="navElement" inside the container
var navElement= navbarContainer.getElementsByClassName("navElement");
//Loop through the navbar elements and add the active class to the current/clicked button
for (var i= 0; i < navElement.length; i++) {
  navElement[i].addEventListener("click", function() {
    var current= document.getElementsByClassName("active");
    current[0].className= current[0].className.replace(" active", "");
    this.className += " active";
  });
}