Indique el trabajo que se está procesando.
No muestre el porcentaje si el sistema no ha medido el progreso real.
Cargando Sistema de diseño
Indica que la tarea está en progreso y cuándo debe procesarse.
Contenido de la lista
Progreso de la revisión
01
Estructura y significado
Comparar información y presentación en contexto de uso.
02
Interacción y usabilidad
Pruebe la operación, cambie el estado y continúe trabajando.
03
Completa la experiencia
Busque detalles que sean fáciles de pasar por alto al poner en uso el diseño.
El progreso se guarda automáticamente en este navegador.
GUÍA
Cómo revisar
EJEMPLOS
Ejemplos de uso
Indique el trabajo que se está procesando.
“Procesando 4 archivos” en lugar de un progreso fijo prolongado del 99%.
Variantes y casos de uso
formulario de aviso de espera
Seleccione la ruleta, la barra de progreso o el esqueleto según la información que pueda conocer sobre la tarea.
Pruebe tareas sin tamaño total; Evite asignar porcentajes falsos.
Ejemplo Cargue un archivo con una barra de porcentaje; La lectura de la información de la URL solo muestra el estado del procesamiento.
El contenido explica la espera.
Indique la tarea en progreso y el siguiente paso cuando el tiempo de espera sea más largo de lo habitual.
Emula una respuesta lenta; El estado de necesidad ayuda a darse cuenta de que la solicitud aún se está procesando.
Ejemplo Después de unos segundos, aparece "Leyendo información del video, espere".
Cargando contenido
Contexto del proceso
Coloque el indicador en el área de carga correcta y mantenga el contenido utilizable.
Un widget de carga fallido no debería convertir todo el panel en una página completa.
Ejemplo El bloque de ingresos dice esperar mientras la lista de solicitudes aún se puede procesar.
Cargando contenido
Conserva el contexto y muestra el progreso cuando sea posible.