slick 슬라이더 진행률바(Progress Bar) 채택완료
https://codepen.io/mjtweaver/pen/pEkYgQ
위에 사이트에 참고해서 진행률 표시되는 슬라이더를 만들었는데요.
첫번째 슬라이드에 진행률이 나오지 않아서, 첫번째 슬라이드에도 보여지도록 처리하고 싶은데
어떻게 해야할까요!
소스는 위에 codepen 참고하시면 감사하겠습니다.
답변 2개
채택된 답변
+20 포인트
4년 전
html ----------------
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100">
이태그를
<div class="progress" role="progressbar" aria-valuemin="0" aria-valuemax="100" style="background-size:20% 100%">
js ------------
var calc = ( (nextSlide) / (slick.slideCount-1) ) * 100
calc = calc == 0 ? 20 : calc;
로그인 후 평가할 수 있습니다
답변에 대한 댓글 2개
병원에서일해요
4년 전
Phillips
4년 전
테스트해보니 잘되네요 . 근데 맨처음화면에 게이지바 올릴라면 html 태그안에 style속성넣고
댓글주신것처럼 js 처리하면되겠네요 굳
댓글주신것처럼 js 처리하면되겠네요 굳
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
var calc = ( (nextSlide+1) / (slick.slideCount) ) * 100;
이렇게 들어가도 되는것같은데 맞나요?