Можете ли вы заставить Internet Explorer перерисовать / нарисовать элемент? По какой-то причине анимация обновляется только при нажатии правой кнопки мыши

Question

У меня есть элемент прогресса, значение которого изменяется через JavaScript от 0 до 1000 в течение 7 секунд.Это хорошо работает в Chrome, индикатор выполнения анимирует от 0 до 1000, а затем перезапускается через 7 секунд.В Internet Explorer 11 индикатор выполнения простаивает и догоняет (по какой-то странной причине), когда я щелкаю правой кнопкой мыши по экрану.Появление контекстного меню, кажется, перерисовывает страницу, а индикатор выполнения отражает измененное значение, но, как я уже сказал, только когда вы щелкаете правой кнопкой мыши страницу.Я включил изображение элемента с подсветкой над значением, а также мою функцию для полноты.

function updateProgressBar() {
    if (document.getElementById("video-progress")) {
        var progressBar = document.getElementById("video-progress");
        clearInterval(update);
        clearInterval(intervalID);
        progressBar.value = 50;
        var percentage = 1000;
        var curr = progressBar.value;
        update = setInterval(function() {
            if (curr > percentage) {
                clearInterval(update);
                clearInterval(intervalID);
                updateProgressBar();
                nextSlide();
            }
            progressBar.value = curr++;
        }, 7);
    }
}