currentSlide以外のプログレスバーは非アクティブな色になるように修正

jun68ykt · Jul 26, 2019 · 1687777 · 1687777
1 parent 0e7c897
commit 1687777
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/extra.css b/extra.css
@@ -17,6 +17,14 @@
     width: 25%;
 }
 
+.progress-bar-box:nth-child(even) {
+    background-color: #888;
+}
+
+.progress-bar-box:nth-child(odd) {
+    background-color: #aaa;
+}
+
 .bar {
     height: 100%;
     width: 0px;

diff --git a/main.js b/main.js
@@ -19,9 +19,7 @@ $(document).ready(function() {
         nextArrow: '<img src="https://dummyimage.com/100x100/fff/000&text=Next" class="slide-arrow slick-next">',
         adaptiveHeight: true
     }).on('afterChange', function(event, slick, currentSlide) {
-        if (currentSlide === 0)
-            $('.bar').css({width: 0});
-        $('.bar').startBar(currentSlide);
+        $('.bar').css({width: 0}).startBar(currentSlide);
     });
 
     $('.bar').startBar(0);