Merge pull request #253 from PublicisSapient/update-progress-bar

Fix look and feel for Progress bar to look more like a progress bar
PublicisSapient · Mar 4, 2025 · 0a8b254 · 0a8b254
2 parents 11de80c + d864b4e
commit 0a8b254
Show file tree

Hide file tree

Showing 3 changed files with 404 additions and 2 deletions.
diff --git a/content/body/progress.php b/content/body/progress.php
@@ -83,7 +83,7 @@
         </p>
 
         <div id="html5-example" class="enable-example">
-            <progress aria-label="Loading progress" id="html1" class="uam" max="100" value="0" data-timeout="1000" data-alert="html1-alert">
+            <progress aria-label="Loading progress" id="html1" class="simplebar" max="100" value="0" data-timeout="1000" data-alert="html1-alert">
             </progress>
             <strong class="sr-only" id="html1-alert" aria-live="assertive" aria-atomic="true" role="alert">0%</strong>
         </div>
@@ -113,7 +113,7 @@
         </p>
 
         <div id="html5-focus-example" class="enable-example">
-            <progress id="html2" class="uam" max="100" value="0" data-timeout="1000" tabindex="-1"
+            <progress id="html2" class="gradientbar" max="100" value="0" data-timeout="1000" tabindex="-1"
                 aria-label="Loading Data">
             </progress>
         </div>

diff --git a/css/progress.css b/css/progress.css