Взаимодействие CSS и JS , Создание итога прогресса

[cupoma58]

Привет.
Пытаюсь использовать CSS-новинки. Например:

background: linear-gradient(to right, #222 50%, #666 50%);

Если создать переменную:

var procent = (volume.value * 100) / volume.max;

и добавить в общий код:

volume.addEventListener('input' ,() => {  
    var procent = (volume.value * 100) / volume.max;
        volume.style.background = `linear-gradient(to right, #ffb90f ${procent}%, #363636 ${procent}%)`;
        video.volume = volume.value;
});

то он-таки - работает но, если его слегка изменить:

video.addEventListener('timeupdate', () => {
    var procent = (video.currentTime * 100) / video.duranion;
        choise.value = Math.floor(video.currentTime);
        choise.style.background = `linear-gradient(to right, #ffb90f ${procent}%, #363636 ${procent}%)`;
        curtime.innerHTML = videoTime(video.currentTime);
});

то работать, он - перестаёт. Следа/итога - нет и консоль - чистая. Не пойму - в чём дело?

[cupoma58]

Вопрос решён. Синтаксическая ошибка во второй строке.