Voy a formular mis comentarios en una respuesta que creo será más cómoda de ver.
El problema está únicamente en la función animación, que debe llevar al paso correcto y actualmente activa todos de golpe. Yo la cambiaría a:
function animacion(caso){
var pixels = (caso * 250) + "px";
$(".progressbar li.active").removeClass("active");
$( ".cartanime" ).animate({ "left": pixels }, "slow" ,function(){
for(var i = 1; i <= caso; i++) {
$(`.progressbar li:nth-child(${i})`).addClass("active");
}
});
};