Update Progress Bar on Save Options

- Also changed the starting width of the progress bar to 0%

Author: programmingKyle

src/index.css

@@ -282,7 +282,7 @@ h1,h2,h3,h4,h5,h6 {
   height: 100%;
   background-color: #4caf50;
   transition: width 0.5s ease;
-  width: 50%;
+  width: 0%;
 }
 
 .progress-bar-text {

src/index.html

@@ -36,7 +36,7 @@ <h4 style="color: white; padding: 5px 0px; margin: auto 10px;">Clocker</h4>
           <div id="progressBarContainer" class="progress-bar-container" style="margin-bottom: 10px;">
             <div id="progressBar" class="progress-bar">
             </div>
-            <h3 id="progressBarText" class="progress-bar-text">50%</h3>
+            <h3 id="progressBarText" class="progress-bar-text">0%</h3>
           </div>
         </div>
         <div class="middle-grid">

src/optionsHandler.js

@@ -60,6 +60,8 @@ async function optionsListeners(){
         const isEnabled = progressbarIsEnabled_el.checked;
         await api.optionsHandler({request: 'Save', isEnabled, interval, hour, minute});
         overlayContainer_el.style.display = 'none';
+        optionsValues = await api.optionsHandler({request: 'View'});
+        await progressBar();
     });
 }