styles: muly

- change progressbar (show countdown instead of ellapsed)
- fix issue where it would not refresh if there was no time
- add style countdown to red background

client/src/common/components/myProgressBar/MyProgressBar.jsx

@@ -3,16 +3,21 @@ import styles from './MyProgressBar.module.css';
 
 export default function MyProgressBar(props) {
   const { now, complete, showElapsed } = props;
-  const percentComplete = showElapsed
-  ? clamp((100 - (now * 100) / complete), 0, 100)
-  : clamp((now * 100) / complete, 0, 100)
+
+  let percentComplete = showElapsed ? 0 : 100;
+
+  if (now != null && complete != null) {
+    percentComplete = showElapsed
+      ? clamp(100 - (now * 100) / complete, 0, 100)
+      : clamp((now * 100) / complete, 0, 100);
+  }
 
   return (
-    <div className={styles.progress}>
+    <div className={showElapsed ? styles.progress : styles.progressCountdown}>
       <div
         className={styles.progressBar}
         style={{ width: `${percentComplete}%` }}
-      ></div>
+      />
     </div>
   );
 }