Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <div class="progress-bar-container"> <div class="circle-container" [class.active]="stage() > 0" (click)="moveToStep(1)" style="cursor: pointer;" [class.done]="stepCompleted && stepCompleted > '0'"> <div class="circle p-1"> <span class="step">Destinations</span> </div> </div> <div class="line" [class.active]="stage() > 0"> </div> <div class="circle-container" [class.active]="stage() > 1" style="cursor: pointer;" (click)="moveToStep(2)" [class.done]="stepCompleted && stepCompleted > '1'" > <div class="circle p-1"> <span class="step">Interests</span> </div> </div> <div class="line" [class.active]="stage() > 1"> </div> <div class="circle-container" [class.active]="stage() > 2" (click)="moveToStep(3)" style="cursor: pointer;" [class.done]="stepCompleted && stepCompleted > '2'"> <div class="circle p-1"> <span class="step">Logistics</span> </div> </div> <div class="line" [class.active]="stage() > 2"> </div> <div (click)="moveToStep(4)" class="circle-container" [class.active]="stage() > 3" style="cursor: pointer;"> <div class="circle p-1"> <span class="step">Ready</span> </div> </div> </div> |