<progress>: Elemento indicador de progreso

The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examplesand send us a pull request.

• Categorias de contenidoFlujo de contenido, contenido de redacción, contenido etiquetable, contenido palpable.
• Contenido permitido Contenido de redacción, pero no debe haber ningún elemento de progreso entre sus descendientes
• Etiquetas por omisión Ninguna, tanto la etiqueta inicial como la final son obligatorias.
• Elementos padres permitidos Cualquier elemento que acepte contenido de redacción.
• DOM interfaz HTMLProgressElement

Este elemento incluye Atributos Globales.

max

Este atributo indica la cantidad de trabajo que demorá la carga, se define en el elemento progress. Por ejemplo max="100".

value

Este atributo indica que parte de la tarea ya se ha completado o cargado. Debe especificarse un valor entre 0 y max, o entre 0 y 1.0 si max está omitido. Si al atributo value no se le especifica ningún valor, se estara llevando a cabo la tarea sin que el elemento mueste funcionamiento alguno. Por ejemplo si la carga está al 50% será de 0.5 el valor, en el caso de no especificar max.

Puedes usar la propiedad CSS orient permite especificar la orientacion de la barra de progreso (horizontal o vertical) con horizontal por defecto. La pseudo-clase :indeterminate se puede utiliza para hacer que coincida con las barras de progreso indeterminadas.

En Mac OS X, Se vería como esto:

En Windows, el resultante sería este:

• <meter>
• :indeterminate
• -moz-orient
• ::-moz-progress-bar
• ::-ms-fill
• ::-webkit-progress-bar
• ::-webkit-progress-value
• ::-webkit-progress-inner-element