5 function findActiveStep(steps) {
6 for (var i = 0; i < steps.length; i++) {
7 if (steps[i].className === 'is-active') {
11 // The final "Finished" step is never "active".
12 if (steps[steps.length - 1].className === 'done') {
18 function installStepsSetup() {
19 var steps = document.querySelectorAll('.task-list li');
21 var header = document.querySelector('header[role="banner"]');
22 var stepIndicator = document.createElement('div');
23 stepIndicator.className = 'step-indicator';
24 stepIndicator.innerHTML = findActiveStep(steps) + '/' + steps.length;
25 header.appendChild(stepIndicator);
29 if (document.addEventListener) {
30 document.addEventListener('DOMContentLoaded', installStepsSetup);