cleanup

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

@@ -3,7 +3,7 @@ import styles from './MyProgressBar.module.css';
 
 export default function MyProgressBar(props) {
   const { now, complete } = props;
-  const percentComplete = clamp((now * 100) / complete, 0, 100);
+  const percentComplete = clamp((now * 100) / complete - 1, 0, 100);
 
   return (
     <div className={styles.progress}>

client/src/common/components/myProgressBar/MyProgressBar.module.css

@@ -5,10 +5,10 @@
 }
 
 .progressBar {
-  width: 30%;
+  width: 100%;
   height: 2vh;
   background-color: rgba(255, 255, 255, 0.79);
   border-radius: 4px;
-  transition: 0.4s linear;
-  transition-property: width, background-color;
+  transition: 1s linear;
+  transition-property: width;
 }

client/src/common/components/text/NumberedText.module.css

@@ -5,7 +5,7 @@
   font-weight: 600;
 
   background-color: #ff5b7e;
-  border: 1px solid rgba(255,255,255,0.47);
+  border: 1px solid rgba(255,255,255,0.17);
   width: 1.5em;
   border-radius: 1em;