Toast de progreso de subida
Un toast con barra y porcentaje que se va llenando mientras se suben archivos, y al final confirma y se va.
Ajustes
Código
<div class="uv-zp"><button class="fire">Iniciar subida</button><div class="toast"><div class="copy"><b>Subiendo archivos</b><small>Preparando…</small><i><em></em></i></div><strong>0%</strong></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 Toasts
Dónde usarlo
Las subidas tardan y la gente quiere seguir trabajando en vez de mirar un spinner. Imagina a una fotógrafa enviando el reportaje de una boda al área de clientes, o a un casero subiendo fotos al anuncio de un piso: el toast de progreso se queda en una esquina contando hasta el 100 % y termina con «Subida completada».
La demo simula el avance con un temporizador, así que conéctalo a los eventos reales de tu subida. Si no conoces el tamaño total, el porcentaje mentirá: usa una barra indeterminada. Para un solo archivo pequeño basta con un mensaje de éxito.