From 02d312f2d2764a423279203b0652ab685272a338 Mon Sep 17 00:00:00 2001
From: Sam Potts <me@sampotts.me>
Date: Mon, 18 Jan 2016 18:27:01 +1100
Subject: [PATCH] Style tweaks

---
 src/less/plyr.less | 3 +++
 src/sass/plyr.scss | 3 +++
 2 files changed, 6 insertions(+)

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] {