Ejemplos para modificar los estilos CSS de la etiqueta progress HTML5

Ejemplos para modificar los estilos CSS de la etiqueta progress HTML5, de esta manera cambiamos la visualización por defecto de la barra de progreso

Puedes encontrar esta demo documentada en el POST ORIGINAL "Etiqueta progress HTML5: Una nueva barra de progreso".

Ejemplos de los cambios CSS

max=50 y value=30