HTML + CSSLoaders
Reloj de arena
La arena cae de arriba abajo en un hilo fino; luego el reloj se voltea y vuelve a empezar.
Ajustes
72px
1x
Código
<div class="ul-hg"><i></i><i></i><b></b></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
Un reloj de arena es sincero: le dice a la gente que esto va a tardar un poco. Úsalo cuando un editor de vídeo exporta un clip, cuando un programa de contabilidad genera un informe en PDF o en la cola virtual para comprar entradas de un concierto. La arena baja y el reloj gira.
Resérvalo para esperas de varios segundos o más; en una carga rápida ni siquiera llega a darse la vuelta. Una nota breve con el tiempo previsto, como «Aproximadamente un minuto», le acompaña bien y rebaja la impaciencia.