From dbb91fac627f9fecdc385cec368d047bb2df83e9 Mon Sep 17 00:00:00 2001
From: Gregory Wells <gawells@astraltech.xyz>
Date: Mon, 6 Apr 2026 11:48:31 -0400
Subject: [PATCH] add in simple password progress bar

---
 src/pages/profile_page.html | 12 ++++++++++--
 static/progress_bar.css     | 12 ++++++++++++
 2 files changed, 22 insertions(+), 2 deletions(-)
 create mode 100644 static/progress_bar.css

diff --git a/src/pages/profile_page.html b/src/pages/profile_page.html
index e61bd42..2f68878 100644
--- a/src/pages/profile_page.html
+++ b/src/pages/profile_page.html
@@ -9,10 +9,11 @@
 <link rel="stylesheet" href="static/card.css" />
 <link rel="stylesheet" href="static/error/error.css" />
 <link rel="stylesheet" href="static/profile_page.css" />
+<link rel="stylesheet" href="static/progress_bar.css" />
 
-<div id="popup_background" class="blocked hidden"></div>
+<div id="popup_background" class="blocked"></div>
 
-<div id="change_password_dialogue" class="hidden card static_center">
+<div id="change_password_dialogue" class="card static_center">
     Change Password
 
     <button id="close_password_dialogue">X</button>
@@ -57,6 +58,13 @@
         />
     </div>
 
+    <div>
+        <label class="input_label">Strength: Weak</label><br />
+        <div class="progress-bar">
+            <div class="progress-bar-progress" style="width: 50%"></div>
+        </div>
+    </div>
+
     <button id="final_change_password_button">Change Password</button>
 </div>
 
diff --git a/static/progress_bar.css b/static/progress_bar.css
new file mode 100644
index 0000000..c40c649
--- /dev/null
+++ b/static/progress_bar.css
@@ -0,0 +1,12 @@
+.progress-bar {
+    width: 100%;
+    background-color: var(--bg-input);
+    height: 20px;
+    border-radius: 10px;
+}
+
+.progress-bar-progress {
+    background-color: blue;
+    height: 20px;
+    border-radius: 10px;
+}