Removed not that beautiful progressbar animations. fixes #90

approot/mediaplayer.xml

@@ -9,7 +9,7 @@
 		<div class="Lms-player-seek-container">
 			<input id="lms-mp-seek" class="Lms-player-seek-common Lms-player-seek" type="range" min="0" max="100" step="1" value="0"/>
 			<div class="progress Lms-player-seek-common Lms-player-progress">
-				<div id="lms-mp-progress" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
+				<div id="lms-mp-progress" class="progress-bar" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 0%">
 				</div>
 			</div>
 		</div>

docroot/css/lms.css

@@ -362,6 +362,10 @@ a.Lms-artistname:hover, a.Lms-artistname:focus {
 	background-color: var(--slider-background-color);
 }
 
+.Lms-player-progress .progress-bar {
+	transition: none;
+}
+
 .Lms-player-seek {
 	cursor: pointer;
 	z-index: 1;

docroot/js/mediaplayer.js

@@ -31,12 +31,10 @@ LMS.mediaplayer = function () {
 		if (_elems.audio.paused) {
 			_elems.playpause.classList.remove("fa-pause");
 			_elems.playpause.classList.add("fa-play");
-			_elems.progress.classList.remove("active");
 		}
 		else {
 			_elems.playpause.classList.remove("fa-play");
 			_elems.playpause.classList.add("fa-pause");
-			_elems.progress.classList.add("active");
 		}
 	}