Mensajes de estado

Labeled progress bar

Una pista de progreso etiquetada cuyo relleno se reduce a un nuevo ancho mientras que una lectura de porcentaje cuenta suavemente para coincidir.

Export data45%

Cómo usar Labeled progress bar

Una pista de progreso etiquetada cuyo relleno se reduce a un nuevo ancho mientras que una lectura de porcentaje cuenta suavemente para coincidir.

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: value, accentColor, label, trackHeight

¿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?

El código, las versiones y los comandos de instalación están disponibles en el panel superior.

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.

2262Upload Progress LineMensajes de estadoUna 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.

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.

1959Fill sweep loading textMensajes de estadoUna etiqueta de carga cuyo contorno tenue se encuentra debajo de una copia completamente coloreada que avanza desde la izquierda, alcanza todo su ancho y desaparece, repitiéndose mientras algo se carga.

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.

2250Sweeping progress barMensajes de estadoUna barra de carga indeterminada en un marco en forma de píldora, que crece desde la nada hasta todo su ancho y vuelve a la nada en un suave bucle sin fin.