Mensajes de carga que rotan
Un anillo que gira junto a mensajes que suben uno tras otro para contar en qué paso va la carga.
Ajustes
Código
<div class="uv-lsw" role="status"><span class="sp" aria-hidden="true"></span><span class="wd"><span>Conectando</span><span>Cargando tus datos</span><span>Preparando el panel</span><span>Casi listo</span></span></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
Ver todos: LoadersDónde usarlo
Las esperas largas se hacen más cortas cuando se sabe qué está pasando. Esta píldora muestra un pequeño spinner y una línea de texto que pasa por cuatro pasos, cada uno subiendo y saliendo cuando llega el siguiente: conectando, cargando los datos, preparando el panel y casi listo. Ideal para bienvenidas, importaciones, informes y el primer arranque de una app.
Cada mensaje es su propio elemento, así que traducciones y lectores de pantalla lo manejan bien. Con movimiento reducido se queda visible el último mensaje y el spinner va más lento.