Se você esta precisando criar uma sequencia de numeros dinamicamente para adicionar a uma lista em HTML, você pode usar essa solução em javascrip abaixo:

Digamos que você tenha a seguinte sequencia e precise adicionar os números dinamicamente:

<p>Etapa: <span class="numero-lista"></span></p>
<p>Etapa: <span class="numero-lista"></span></p>
<p>Etapa: <span class="numero-lista"></span></p>
<p>Etapa: <span class="numero-lista"></span></p>
<p>Etapa: <span class="numero-lista"></span></p>
<p>Etapa: <span class="numero-lista"></span></p>

Neste caso, você pode adicionar esse código javascript para que ele leia todas as class “numero-lista” da página, e adicione uma sequencia de números dentro de cada tag span.

const elementos = document.querySelectorAll('.numero-lista');
let contador = 1;
	
elementos.forEach(elemento => {
	elemento.textContent = contador;
	contador++;
});

Resultado:

<p>Etapa: <span class="numero-lista">1</span></p>
<p>Etapa: <span class="numero-lista">2</span></p>
<p>Etapa: <span class="numero-lista">3</span></p>
<p>Etapa: <span class="numero-lista">4</span></p>
<p>Etapa: <span class="numero-lista">5</span></p>
<p>Etapa: <span class="numero-lista">6</span></p>