gawells/Self-Service-Dashboard
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 6 Wiki Activity

add in simple password progress bar

Browse Source
This commit is contained in:
gawells
2026-04-06 11:48:31 -04:00
parent 8cb1fff36b
commit dbb91fac62
2 changed files with 22 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/pages/profile_page.html
View File

@@ -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>

12
static/progress_bar.css Normal file
View File

@@ -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;
}