Indicadores de progreso

El indicador de progreso comunica el estado de un tiempo de proceso conocido o desconocido.

Principios

Comentarios claros: El indicador de progreso proporciona comentarios inmediatos.

Coherencia: Todos los indicadores de progreso deben compartir un lenguaje visual principal para que se puedan reconocer al instante.

Flexibilidad: La variedad de indicadores y estados de progreso proporciona flexibilidad para comunicar el progreso.

Uso y ubicación

Los indicadores de progreso muestran el estado de un proceso en tiempo real.

La indicación puede expresar un progreso determinado, con un tiempo de proceso conocido, como un cronómetro.

O un progreso indeterminado, con un tiempo de proceso desconocido, como la carga.

check_circle

Qué debes hacer

Usa una indicación de progreso indeterminado para mostrar tiempos de procesamiento desconocidos, como la carga.

cancel

Qué no debes hacer

No uses un indicador determinado cuando se desconozca el tiempo de procesamiento. Esto les dará a los usuarios una falsa sensación de progreso.

check_circle

Qué debes hacer

Usa un indicador de progreso a la vez cuando haya suficiente tiempo o progreso para comunicar.

cancel

Qué no debes hacer

No uses en exceso los indicadores de progreso ni los uses cuando no haya suficiente tiempo ni progreso para comunicar.

Anatomía

1. Detención de progreso determinado: Muestra el extremo definido.
2. Progreso actual
3. Progreso futuro
4. Procesamiento indeterminado
5. Lineal
6. Circular

Personalización

Además de los indicadores de progreso determinados e indeterminados, también hay variaciones lineales, circulares y onduladas.

1. Ondulado
2. Lineal

Todas las variantes onduladas y lineales de los indicadores de progreso comparten las mismas propiedades, opciones de personalización y valores predeterminados. En la siguiente tabla, se describen estos detalles.