progress bar con porcentaje

[portal47]

Hola, estoy realizando una web con un apartado en el que el cliente puede revisar el progreso del envío de su pedido, lo pienso hacer sacando el porcentaje entre las dos fechas y ponerlo en el estilo de mi progress bar, quisiera saber si existe alguna manera mejor y si puedo imprimir el porcentaje dentro del style, como esto:

<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: <?= $progress ?>;">

[newboy_master]

¿Vas a publicar más de una barra de progreso en una misma página? En ese caso yo crearía una función que imprima la barra de progreso y como argumento le puedas pasar el valor del porcentaje, así evitarías redundancia de código.

En caso de tener solo una barra, no veo ahora mismo otra forma. ¿No es suficiente con tener solo el atributo aria-valuenow sin "style"?

Salu2.

[pateketrueke]

En todo caso html5 ya provee de una tag <progress> ¿por qué no usarlo?

[portal47]

Estoy utilizando elementos de una plantilla de bootstrap y no había visto la etiqueta <progress>, la voy a utilizar.

Con css use dos barras una de fondo y otra que muestra el progreso, el style="width" es para indicar el progreso.