Barra de progreso

Contenido

Definición

Las barras de progreso permiten mostrar de forma gráfica el avance de una tarea o proceso. Generalmente el gráfico está acompañado de información en forma de texto para indicar con exactitud el estado del avance. Por ejemplo, con estas barras puede verse el progreso en la descarga o transferencia de un archivo. 

Algunas características de este componente son:

  • Si la carga en línea se está utilizando para enviar un formulario, los campos del formulario deberán deshabilitarse. 
  • Deberá llevar un texto descriptivo de la acción opcional. 
  • Si se produce un error, el componente de carga en línea debe estar oculto y debe agregarse una notificación de error. 

Bocetos

Por defecto

Barra de progreso

Medidas

medidas

Especificaciones de diseño

Elemento Color Tamaño Tipo Peso Interlineado
Fondo #EEEEEE - - - -
Relleno #087021        
Fuente porcentaje #FFFFFF 13px Source Sans Pro Bold 20px
Fuente título #111111 15px Source Sans Pro Medium 20px
Índice