Progress Indicator
Representa el progreso del usuario a través de una serie de pasos o acciones para completar una tarea.
Descarga la librería LDDescarga la librería SD
Este componente ayuda de manera visual a que el usuario sepa en qué parte del proceso de una tarea se encuentra.
Tipos
Existen dos estilos de progress indicator tanto para large device como para small device
1. Default: es el estilo por defecto utilizado sobre backgrounds claros.
2. Inverse: creada especialmente para utilizar sobre fondos de color más oscuros.
Recomendaciones de uso
- La progresión de los pasos debe ser lógica, es decir, de izquierda a derecha.
- Usa etiquetas concisas que marquen la acción y no sean demasiado largas. Se recomienda el uso de una o dos palabras como mucho.
- Se debe mantener al usuario informado del paso en el que se encuentra.
- Utiliza el estado de validación para indicar y dar feedback al usuario de que ha completado un paso.
Estados
Estilos
Color
Tipografia