diff --git a/src/less/plyr.less b/src/less/plyr.less index 7cb768a8..c3240242 100644 --- a/src/less/plyr.less +++ b/src/less/plyr.less @@ -417,14 +417,17 @@ &--played[value] { &::-webkit-progress-bar { background: transparent; + transition: width .2s ease; } // Inherit from currentColor; &::-webkit-progress-value { background: currentColor; + transition: width .2s ease; } &::-moz-progress-bar { background: currentColor; + transition: width .2s ease; } } &--played[value] { diff --git a/src/sass/plyr.scss b/src/sass/plyr.scss index 5a94d17d..a94aeaf5 100644 --- a/src/sass/plyr.scss +++ b/src/sass/plyr.scss @@ -417,14 +417,17 @@ $plyr-bp-captions-large: 768px !default; // When captions jump to the la &--played[value] { &::-webkit-progress-bar { background: transparent; + transition: width .2s ease; } // Inherit from currentColor; &::-webkit-progress-value { background: currentColor; + transition: width .2s ease; } &::-moz-progress-bar { background: currentColor; + transition: width .2s ease; } } &--played[value] {