no message

dmp-frontend/src/app/form/dynamic-form.component.css

@@ -27,4 +27,8 @@
 
 .ui-steps.steps-custom .ui-steps-item .ui-steps-title {
     color: #555555;
+}
+
+.ng-sidebar {
+    width: 40%;  
 }

dmp-frontend/src/app/form/dynamic-form.component.html

@@ -26,7 +26,6 @@
 				</form>
 			</div>
 		</div>
-
 	</ng-sidebar-container>
 </div>
 

dmp-frontend/src/app/form/pprogress-bar/progress-bar.component.html

@@ -1 +1 @@
-<p-progressBar [value]="value"></p-progressBar>
+<p-progressBar [value]="value" [style]="{'height': '30px'}"></p-progressBar>

dmp-frontend/src/app/form/pprogress-bar/progress-bar.component.ts

@@ -7,8 +7,8 @@ import { FormGroup, FormControl, FormArray } from '@angular/forms'
     templateUrl: './progress-bar.component.html',
 })
 export class ProgressBarComponent implements OnInit {
-	@Input() formGroup: FormGroup
-	@Input("progressValueAccuracy") public accuracy: number = 2
+    @Input() formGroup: FormGroup
+    @Input("progressValueAccuracy") public accuracy: number = 1
 
     constructor(private visibilityRulesService: VisibilityRulesService) { }
 
@@ -16,12 +16,12 @@ export class ProgressBarComponent implements OnInit {
     ngOnInit() {
         this.formGroup
             .valueChanges
-			.subscribe(control => {
-				var progressSoFar = this.countFormControlsWithValue(this.formGroup);
-				var total = this.getFormControlDepthLength(this.formGroup);
-				var perc = (progressSoFar / total) * 100;
-				this.value = Number.parseFloat(perc.toPrecision(this.accuracy));
-            })
+            .subscribe(control => {
+                var progressSoFar = this.countFormControlsWithValue(this.formGroup);
+                var total = this.getFormControlDepthLength(this.formGroup);
+                var perc = (progressSoFar / total) * 100;
+                this.value = Number.parseFloat(perc.toPrecision(this.accuracy));
+            });
     }
 
     countFormControlsWithValue(form: FormGroup): number {