function setProgressBarHeight() {
    if($(window).width() < 1000)
        $('.cards-container-progress-bar').css('height', $('.cards-container.mobile .cards-inner').height() + "px");
    else
        $('.cards-container-progress-bar').css('height', 'auto');
}

$(window).on("resize", function() {
    setProgressBarHeight();
});

$(() => {
    setProgressBarHeight();
});

$(document).on('scroll', function(){
    let screen = 'mobile';
    let multiply =  1.5;
    if($(window).width() > 1000) {
        screen = 'desktop';
        multiply = 0.65;
    }
    let scrollTop = $(document).scrollTop();
    let cardsContainerHeight = $('.cards-container').innerHeight();
    let cardsContainerRangeFromTop = $(`.cards-container.${screen} .cards-container-progress-bar`).offset().top;
    let progress = (((scrollTop - cardsContainerRangeFromTop + $(window).height() + 100) / cardsContainerHeight) * 100) * multiply;
    $('.progress-bar').css('height', progress + '%');
});