Функция анимации повтора прокрутки на каждом прокрутке

Question

Я пытаюсь сделать график выполнения круга для загрузки, когда пользователь просматривает этот раздел.

Когда пользователь достигает определенной точки, он активирует функцию и индикатор выполнения, но если вы прокручиваете вверх и вниз, она перезапустит функцию, как ее можно исправить?

$(window).scroll(function() { 
var wScroll = $(this).scrollTop();  
if (wScroll > $('#skills').offset().top - ($(window).height()/1.9)) { 
    //PROGRESS BAR CODE GOES HERE 
} 

DEMO

Answer 1

Просто проверьте, если анимация начала и не перезапускать, если она есть.

if (window.playing) return; 
window.playing = true; 

UPDATED PEN