diff options
| author | Gunther6070 <haydenhartman10@yahoo.com> | 2025-03-26 19:12:46 -0400 |
|---|---|---|
| committer | Gunther6070 <haydenhartman10@yahoo.com> | 2025-03-26 19:12:46 -0400 |
| commit | 959b5bbaaa370542b75d804cedbbbecea881df0f (patch) | |
| tree | 80cc900d6bbb79c83a3b2d68b5ed17e667d25a65 /ufund-ui | |
| parent | b0369f8b5e50eaec22c9178748f57dde6912d383 (diff) | |
| download | JellySolutions-959b5bbaaa370542b75d804cedbbbecea881df0f.tar.gz JellySolutions-959b5bbaaa370542b75d804cedbbbecea881df0f.tar.bz2 JellySolutions-959b5bbaaa370542b75d804cedbbbecea881df0f.zip | |
Added a progress bar to signup
Diffstat (limited to 'ufund-ui')
| -rw-r--r-- | ufund-ui/src/app/components/signup/signup.component.css | 8 | ||||
| -rw-r--r-- | ufund-ui/src/app/components/signup/signup.component.html | 1 |
2 files changed, 9 insertions, 0 deletions
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> |