tengo esta linea de tiempo
<div class="timeline-wrapper"> <div class="timeline-item"> <div class="timeline-loaded" style="width: 100%"></div> </div> <div class="timeline-item"> <div class="timeline-loaded" style="width: 100%"></div> </div> <div class="timeline-item"> <div class="timeline-loaded" style="width: 83%"></div> </div> </div>Entonces, el último elemento sube de 84, 85, etc., pero cuando restablezco la línea de tiempo, quiero tener el ancho de estilo de todos los elementos: 0%, pero luego tiene la animación de transición, por lo que ve que va a 0 pero necesita vaya a 0 al instante y llene suavemente de 0 a 100%.
¡Cualquier ayuda es bienvenida!
Al leer tu pregunta, lo que obtuve es que necesitas una barra de progreso. Puedes referirte a esto. https://www.w3schools.com/howto/howto_js_progressbar.asp
var i = 0; function move() { if (i == 0) { i = 1; var elem = document.getElementById("myBar"); var width = 1; var id = setInterval(frame, 10); function frame() { if (width >= 100) { clearInterval(id); i = 0; } else { width++; elem.style.width = width + "%"; } } } }Básicamente modificará el ancho de su clase. Si necesita más ayuda con esto, elabore más su requisito con jsfiddle o lo mismo.