Otros componentes permitidos

LIBP-0155 (Libro de pautas)

Se describen aquí otros componentes específicos para solucionar ciertas necesidades en las aplicaciones.

Pautas

TítuloCarácter
Barra de progresoRecomendada

Barra de progreso

Para informar al usuario del grado de avance de una cierta tarea que esté ejecutando la aplicación, se recomienda utilizar un componente de barra de progreso que transmita esta información.

La barra de progreso permite al usuario conocer el grado de avance de una tarea que generalmente tiene duración eleveda y le da la posibilidad de determinar el tiempo restante para su finalización. Evita la frustración del usuario al tener que esperar a la finalización de una acción sobre la aplicación sin ningún tipo de información.

 

Cambios sufridos en HTML5:

Para generar una barra de progreso se ha desarrollado un componente específico "progress". En conjunción con JavaScript puede representar el progreso de una tarea o proceso. Sus atributos son:

  • Value: especifica la cantidad completada de la tarea
  • Max: especifica la cantidad de trabajo total de la tarea

Ejemplo:

<progress id="p" max="100" value="0"></progress>