diff --git a/support-portal-frontend/src/app/component/user/user.component.html b/support-portal-frontend/src/app/component/user/user.component.html
index 9cc1100..c7a44b7 100644
--- a/support-portal-frontend/src/app/component/user/user.component.html
+++ b/support-portal-frontend/src/app/component/user/user.component.html
@@ -137,10 +137,10 @@
-
+
50%
+ [style.width.%]="fileUploadStatus?.percentage" aria-valuenow="0" aria-valuemin="0"
+ aria-valuemax="100">{{fileUploadStatus?.percentage}}%
diff --git a/support-portal-frontend/src/app/component/user/user.component.ts b/support-portal-frontend/src/app/component/user/user.component.ts
index b49f608..c8b85d2 100644
--- a/support-portal-frontend/src/app/component/user/user.component.ts
+++ b/support-portal-frontend/src/app/component/user/user.component.ts
@@ -250,6 +250,7 @@ export class UserComponent implements OnInit, OnDestroy {
(errorResponse: HttpErrorResponse) => {
this.sendErrorNotification(errorResponse.error.message);
this.refreshing = false;
+ this.fileUploadStatus.status = 'error';
},
() => {
this.refreshing = false;
@@ -276,6 +277,9 @@ export class UserComponent implements OnInit, OnDestroy {
this.sendErrorNotification('Unable to upload image. Please try again');
}
break;
+ default:
+ this.fileUploadStatus.status='default';
+
}
}
}