2 function findActiveStep(steps) {
3 for (let i = 0; i < steps.length; i++) {
4 if (steps[i].className === 'is-active') {
8 // The final "Finished" step is never "active".
9 if (steps[steps.length - 1].className === 'done') {
15 function installStepsSetup() {
16 const steps = document.querySelectorAll('.task-list li');
18 const header = document.querySelector('header[role="banner"]');
19 const stepIndicator = document.createElement('div');
20 stepIndicator.className = 'step-indicator';
21 stepIndicator.innerHTML = `${findActiveStep(steps)}/${steps.length}`;
22 header.appendChild(stepIndicator);
26 if (document.addEventListener) {
27 document.addEventListener('DOMContentLoaded', installStepsSetup);