diff --git a/src/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.js b/src/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.js
index 2baba6582b..8be694ba50 100644
--- a/src/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.js
+++ b/src/bower_components/emby-webcomponents/nowplayingbar/nowplayingbar.js
@@ -392,6 +392,7 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
 
         var showMuteButton = true;
         var showVolumeSlider = true;
+        var progressElement = volumeSliderContainer.querySelector('.mdl-slider-background-lower');
 
         if (supportedCommands.indexOf('ToggleMute') === -1) {
             showMuteButton = false;
@@ -403,6 +404,10 @@ define(['require', 'datetime', 'itemHelper', 'events', 'browser', 'imageLoader',
             muteButton.querySelector('i').innerHTML = '';
         }
 
+        if (progressElement) {
+            progressElement.style.width = (volumeLevel || 0) + '%';
+        }
+
         if (supportedCommands.indexOf('SetVolume') === -1) {
             showVolumeSlider = false;
         }
diff --git a/src/components/remotecontrol.js b/src/components/remotecontrol.js
index a2711b335c..bd97316717 100644
--- a/src/components/remotecontrol.js
+++ b/src/components/remotecontrol.js
@@ -272,6 +272,8 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
             var supportedCommands = currentPlayerSupportedCommands;
             var showMuteButton = true;
             var showVolumeSlider = true;
+            var volumeSlider = view.querySelector('.nowPlayingVolumeSliderContainer');
+            var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
 
             if (-1 === supportedCommands.indexOf("Mute")) {
                 showMuteButton = false;
@@ -294,6 +296,10 @@ define(["browser", "datetime", "backdrop", "libraryBrowser", "listView", "imageL
                 view.querySelector(".buttonMute i").innerHTML = "";
             }
 
+            if (progressElement) {
+                progressElement.style.width = (volumeLevel || 0) + '%';
+            }
+
             if (showMuteButton) {
                 view.querySelector(".buttonMute").classList.remove("hide");
             } else {
diff --git a/src/scripts/videoosd.js b/src/scripts/videoosd.js
index 48425239e5..b01d08bcf1 100644
--- a/src/scripts/videoosd.js
+++ b/src/scripts/videoosd.js
@@ -814,6 +814,9 @@ define(["playbackManager", "dom", "inputmanager", "datetime", "itemHelper", "med
       var supportedCommands = currentPlayerSupportedCommands;
       var showMuteButton = true;
       var showVolumeSlider = true;
+      var volumeSlider = view.querySelector('.osdVolumeSliderContainer');
+      var progressElement = volumeSlider.querySelector('.mdl-slider-background-lower');
+
 
       if (-1 === supportedCommands.indexOf("Mute")) {
         showMuteButton = false;
@@ -836,6 +839,10 @@ define(["playbackManager", "dom", "inputmanager", "datetime", "itemHelper", "med
         view.querySelector(".buttonMute i").innerHTML = "";
       }
 
+      if (progressElement) {
+          progressElement.style.width = (volumeLevel || 0) + '%';
+      }
+
       if (showMuteButton) {
         view.querySelector(".buttonMute").classList.remove("hide");
       } else {