diff --git a/src/app/ui-components/collapsible-section/progress-select/progress-select.component.html b/src/app/ui-components/collapsible-section/progress-select/progress-select.component.html
index eca28b490..dce99f024 100644
--- a/src/app/ui-components/collapsible-section/progress-select/progress-select.component.html
+++ b/src/app/ui-components/collapsible-section/progress-select/progress-select.component.html
@@ -3,7 +3,7 @@
     <span class="selected-progress-level">{{ values[selected]?.label }}</span>
     <ng-content select="[header-section]"></ng-content>
   </div>
-  <alg-progress-level [maximum]="values.length" [value]="selected + 1" [colorTheme]="theme"></alg-progress-level>
+  <alg-progress-level [valuesLength]="values.length" [value]="selected" [colorTheme]="theme"></alg-progress-level>
 </div>
 
 <div *ngIf="!collapsed" class="progress-select-body">
diff --git a/src/app/ui-components/progress-level/progress-level.component.ts b/src/app/ui-components/progress-level/progress-level.component.ts
index f9c983740..9722a8033 100644
--- a/src/app/ui-components/progress-level/progress-level.component.ts
+++ b/src/app/ui-components/progress-level/progress-level.component.ts
@@ -10,12 +10,12 @@ import { NgClass, NgFor, NgIf } from '@angular/common';
 })
 export class ProgressLevelComponent implements OnChanges {
   @Input() value = 0;
-  @Input() maximum = 4;
+  @Input() valuesLength = 4;
   @Input() colorTheme: 'success' | 'warning' | 'danger' = 'success';
 
   totalArray : number[] = []; // array containing [0, 1, 2, ...] as the template cannot iterate by itself
 
   ngOnChanges(_changes: SimpleChanges): void {
-    this.totalArray = [ ...Array(this.maximum).keys() ];
+    this.totalArray = [ ...Array(this.valuesLength - 1).keys() ];
   }
 }