테스트 사이트 - 개발 중인 베타 버전입니다

slick 슬라이더 진행률바(Progress Bar) 채택완료

은요이 4년 전 조회 5,709

https://codepen.io/mjtweaver/pen/pEkYgQ

위에 사이트에 참고해서 진행률 표시되는 슬라이더를 만들었는데요.

 

 

 

첫번째 슬라이드에 진행률이 나오지 않아서, 첫번째 슬라이드에도 보여지도록 처리하고 싶은데

어떻게 해야할까요!

소스는 위에 codepen 참고하시면 감사하겠습니다.

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 2개

채택된 답변
+20 포인트
핑크빈
4년 전

 html ----------------

 

이태그를

 

 

 

js ------------

 

    var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100       calc = calc == 0 ? 20 : calc;

로그인 후 평가할 수 있습니다

답변에 대한 댓글 2개

병원에서일해요
4년 전
이미 답변이 달렸네요

var calc = ( (nextSlide+1) / (slick.slideCount) ) * 100;

이렇게 들어가도 되는것같은데 맞나요?
P
Phillips
4년 전
테스트해보니 잘되네요 . 근데 맨처음화면에 게이지바 올릴라면 html 태그안에 style속성넣고
댓글주신것처럼 js 처리하면되겠네요 굳

댓글을 작성하려면 로그인이 필요합니다.

4년 전

감사합니다!!!

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인