progress bar: fix initial delayed update

when the displayed frontend state changes, any progress bar
should begin in the initial correct state before smoothly
transitioning with time.

src/resources/js/app.js

@@ -123,7 +123,10 @@ Vue.mixin({
       // - the current job has started (practically hard to reach)
       clearInterval(this.updateTimer);
       if (val.length) {
-        // TODO: first, a non-animated progress update
+        // set the current progress update first
+        this.jobsRunning.forEach(this.updateProgress);
+        this.$forceUpdate();
+        // then update with animation every second
         this.updateTimer = setInterval(() => {
           this.jobsRunning.forEach(this.updateProgress);
           this.$forceUpdate();

src/resources/style.css

@@ -165,7 +165,6 @@ button:not([disabled]) { cursor: pointer; color: var(--main-fg); }
 }
 .progress-bar {
  height: 100%;
- width: 100%;
  background-color: var(--running);
  background-image: linear-gradient(45deg, transparent 35%, rgba(255,255,255,0.18) 35% 65%, transparent 65%);
  background-size: 1rem;