Mensajes de estado

Upload Progress Line

Una barra de progreso delgada y animada que cuenta una tarea como la carga de un archivo desde cero hasta completarse, con una lectura de porcentaje y una animación de finalización al final.

Uploading file0%

Cómo usar Upload Progress Line

Una barra de progreso delgada y animada que cuenta una tarea como la carga de un archivo desde cero hasta completarse, con una lectura de porcentaje y una animación de finalización al final.

Prueba la vista previa con el cursor y el teclado. Comprueba el foco visible y la composición en pantallas estrechas dentro de tu página. Usa el número de ficha o el identificador cuando pidas el componente a tu agente.

Propiedades: label, value, autoPlay, color

¿Qué frameworks están disponibles?

El catálogo incluye estas versiones: react, vue, svelte, astro, html. La vista previa de esta página utiliza React.

¿Cómo accedo a la implementación?

La vista previa y la descripción son públicas. Inicia sesión con una cuenta autorizada para abrir el código, las versiones y el panel de instalación.

Conecta tu agente

Relacionados

2051Spring Fill ProgressMensajes de estadoUna pista de progreso delgada cuyo relleno se desliza hasta cada nuevo valor en un resorte, con una lectura que cuenta junto con él.

2032Segmented progress meterMensajes de estadoUn medidor de progreso dibujado como una fila de muescas que se iluminan a su vez, con una muesca inicial parcialmente llena y una leyenda que nombra la etapa actual.

1988Labeled progress barMensajes de estadoUna pista de progreso etiquetada cuyo relleno se reduce a un nuevo ancho mientras que una lectura de porcentaje cuenta suavemente para coincidir.

2065Task Log LoaderMensajes de estadoUn indicador de funcionamiento que combina un anillo giratorio anidado con un registro numerado corto cuyas líneas se desplazan hacia arriba a medida que se completa cada paso.

1950Dot matrix status pillMensajes de estadoUn botón de pastilla cuyo lado izquierdo es una cuadrícula de cinco por cinco puntos que reproduce un patrón de bucle corto para cada estado, con el título intercambiando paso a paso.

1958Fill progress loading textMensajes de estadoUna etiqueta de carga se asienta como un tenue contorno de sí misma, mientras que una copia de color sólido la completa desde la izquierda como una barra de progreso con la forma de la palabra, deslizándose hacia adelante y hacia atrás mientras se realiza el trabajo.