Imprimiendo ticket
HTML + CSSLoaders
Impresora de tickets térmica
Un ticket sale a tirones de la ranura, se queda un momento y se arranca para dejar paso al siguiente.
Ajustes
16px
1x
Código
<div class="uvq10-tkt" role="status"><span class="sr">Imprimiendo ticket</span><div class="pr" aria-hidden="true"><i class="led"></i><i class="sl"></i></div><div class="win" aria-hidden="true"><div class="pp"><i class="hd"></i><b style="--w:52%"></b><b style="--w:68%"></b><b style="--w:44%"></b><b style="--w:60%"></b><i class="hr"></i><b class="tt" style="--w:38%"></b><i class="bc"></i></div></div></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
Este loader dibuja en CSS una pequeña impresora térmica y saca el ticket de la ranura con un movimiento a saltos, como un cabezal de verdad. El papel lleva líneas, un total y un código de barras, y al final se arranca. Encaja en pasarelas de pago, confirmaciones de pedido y pantallas de punto de venta.
Cambia el color principal para el cuerpo de la impresora y el secundario para la luz de estado. Acompáñalo de un mensaje corto, como el número de pedido, y baja la velocidad si la espera es larga.