slick 슬라이더 진행률바(Progress Bar)
본문
https://codepen.io/mjtweaver/pen/pEkYgQ
위에 사이트에 참고해서 진행률 표시되는 슬라이더를 만들었는데요.
첫번째 슬라이드에 진행률이 나오지 않아서, 첫번째 슬라이드에도 보여지도록 처리하고 싶은데
어떻게 해야할까요!
소스는 위에 codepen 참고하시면 감사하겠습니다.
답변 2
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;
이미 답변이 달렸네요
var calc = ( (nextSlide+1) / (slick.slideCount) ) * 100;
이렇게 들어가도 되는것같은데 맞나요?
테스트해보니 잘되네요 . 근데 맨처음화면에 게이지바 올릴라면 html 태그안에 style속성넣고
댓글주신것처럼 js 처리하면되겠네요 굳
감사합니다!!!
답변을 작성하시기 전에 로그인 해주세요.
