Как вставить текст внутрь progress bar'а?

Question

[Максим Елькин]

Использую html5 тег progress для реализации прогресс бара. Нужно, чтоб поверх бара отображалась надпись "Участвует (значение value)" но, просто вставляя текст внутрь тега, он не отображается. Посоветуйте, как можно реализовать это наиболее нативно. Или, может где то (например в jquery ui), такой прогресс бар сделать проще? Спасибо за помощь)

Comments

[Максим Елькин]

Спасибо за bootstrap, но из за одного бара мне не хотелось бы подключать эту библиотеку.

Answer 1

[Александр Таратин]

Накидал простенький пример
jsfiddle.net/QW01_01/4w1azfds

Answer 2

[kapai69]

Пимерчик

Comments

[Максим Елькин]

Спасибо за bootstrap, но из за одного бара мне не хотелось бы подключать эту библиотеку.