Barra con rayas
Una barra de progreso con rayas diagonales en movimiento que se llena, se reinicia y vuelve a llenarse.
Ajustes
Código
<div class="ul-st"><i></i></div>Prompt para IA
Pégalo en ChatGPT, Claude o Cursor y adaptará el bloque a tu proyecto con estos ajustes, aunque no uses React.
Más en Loaders
Dónde usarlo
Las rayas en movimiento tienen un aire de «obras en curso», como la cinta de balizamiento. Por eso esta barra de progreso con rayas en CSS encaja en la página de mantenimiento de una tienda online, la copia de seguridad de un creador de webs o la descarga de un instalador. Las rayas siguen aunque el relleno vaya lento.
Tal cual viene, el relleno va en bucle: transmite una sensación, no un porcentaje real. Si conoces el progreso de verdad, quita la animación de llenado, pon tú el ancho y deja las rayas en movimiento. Colores muy contrastados vibran; parejas más suaves se agradecen.