https://jhfco.com/theme/business_en/skin/board/jhf_gall1/style.js

1$(document).ready(function() {
2    $('.gall_slide').on('init reInit beforeChange', function (event, slick, currentSlide, nextSlide) {
3        $('.slide_wrap .bar_wrap .progress_bar span').css('width',(100 / slick.slideCount) + '%');
4        $('.slide_wrap .bar_wrap .num span').text('0' + slick.slideCount);
5    });
6    $('.gall_slide').slick({
7        slidesToShow: 1,
8        dots: false,
9        infinite: true,
10        autoplay: true,
11        autoplaySpeed: 5000,
12        slidesToScroll: 1,
13        arrows : true,
14        appendArrows:$('.slide_wrap .arrows'),
15        fade:false,
16        pauseOnHover:false,
17    }).on('init reInit beforeChange', function(event, slick, currentSlide, nextSlide){
18        const prodNum = nextSlide + 1;
19		$('.slide_wrap .bar_wrap .progress_bar span').css('width',(100 / slick.slideCount)*(nextSlide +1) + '%');
20		$('.slide_wrap .bar_wrap .num b').text('0' + prodNum);
21	});
22
23    $('.view_slide').slick({
24        slidesToShow: 1,
25        infinite: true,
26        autoplay: false,
27        autoplaySpeed: 5000,
28        slidesToScroll: 1,
29        arrows : true,
30        fade:false,
31        pauseOnHover:false,
32
33        appendArrows:$('#jhf_view .flex_wrap .arrows'),
34    });
35
36    $("#top_btn").on("click", function() {
37        $("html, body").animate({scrollTop:0}, '500');
38        return false;
39    });
40});