diff options
Diffstat (limited to 'ufund-ui/src')
| -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> |