Even smoother progress animations

front/src/store/player.ts

@@ -102,7 +102,7 @@ const store: Module<State, RootState> = {
       return time.parse(Math.round(state.currentTime))
     },
     progress: state => {
-      return Math.round((state.currentTime / state.duration * 100) * 10) / 10
+      return Math.min(state.currentTime / state.duration * 100, 100)
     }
   },
   actions: {

front/src/style/components/_player.scss

@@ -46,7 +46,7 @@
   }
 
   .ui.progress .bar {
-    transition: transform .1s linear;
+    transition: none;
     width: 100%;
     transform: scaleX(0);
     transform-origin: top left;

front/src/style/components/_queue.scss

@@ -171,7 +171,7 @@
     margin: 0 auto;
   }
   .ui.progress .bar {
-    transition: transform .1s linear;
+    transition: none;
     width: 100%;
     transform: scaleX(0);
     transform-origin: top left;