Por medio de jQuery con la función each
estoy recorriendo un elemento de la siguiente manera:
$("#todos .partidos .conten-par .partido-marcador").each(function(indice, elemento){
$('.progress-bar').html('<div class="step step-' + indice + '"></div>');
});
El total de div's con la clase .partido-marcador
puede variar, por eso lo recorro.
La idea es que por cada aparición del div .partido-marcador
se agregue un div con las clases .step
y .step-i
dentro del div .progress-bar
, de la forma como lo estoy haciendo actualmente solo se agrega el div con la última aparición:
<div class="step step-29"></div>
$('.progress-bar').append(contenido)