From 959b5bbaaa370542b75d804cedbbbecea881df0f Mon Sep 17 00:00:00 2001
From: Gunther6070 <haydenhartman10@yahoo.com>
Date: Wed, 26 Mar 2025 19:12:46 -0400
Subject: Added a progress bar to signup

---
 ufund-ui/src/app/components/signup/signup.component.css  | 8 ++++++++
 ufund-ui/src/app/components/signup/signup.component.html | 1 +
 2 files changed, 9 insertions(+)

(limited to 'ufund-ui/src/app/components')

diff --git a/ufund-ui/src/app/components/signup/signup.component.css b/ufund-ui/src/app/components/signup/signup.component.css
index 2a10016..d4ea97b 100644
--- a/ufund-ui/src/app/components/signup/signup.component.css
+++ b/ufund-ui/src/app/components/signup/signup.component.css
@@ -14,3 +14,11 @@
     background-color: white;
     box-shadow: 0 0 10px 10px black;
 }
+
+#bar {
+    width: 100%;
+    height: 10px;
+    padding: 0;
+    margin: 0;
+}
+
diff --git a/ufund-ui/src/app/components/signup/signup.component.html b/ufund-ui/src/app/components/signup/signup.component.html
index 742b8cf..5b1b4f7 100644
--- a/ufund-ui/src/app/components/signup/signup.component.html
+++ b/ufund-ui/src/app/components/signup/signup.component.html
@@ -2,6 +2,7 @@
 <input placeholder="Username" type="text" #username>
 <input placeholder="Password" type="password" (input)="checkPasswordStrength(password.value)" #password>
 <button type="button" (click)="signup(username.value, password.value)">Create Account</button>
+<progress id="bar" [value]="strength | async" max="6">  </progress>
 <span *ngIf="statusText">{{statusText | async}}</span>
 <span *ngIf="strength">{{strength | async}}</span>
 <span *ngIf="showSuccessMessage | async">Account created <a routerLink="/login">Proceed to login</a></span>
-- 
cgit v1.2.3