Text in center of progress bar

[Gaz492]

How would you go about making the text in the center of the progress bar to stay at the center of the progress bar on a responsive website?

[kottenator]

You gave me a challenge here :) I tried to solve it using CSS but I failed (maybe it's still possible, though). So here is my solution using canvas

[Gaz492]

Just what i was looking for cheers :)

[kottenator]

This request is related to flexible-width issue (just to link them)

[NoobTW]

When redraw with different text, the texts overlap.

[vivek28111992]

I am not able to write text in center

[kottenator]

Please, create a snippet on jsbin.com (e.g.) and provide a link here