Text bug when resizing browser window

[casually-creative]

Hey, when implementing my needs of your progressbar plugin, I came across a bug. I wrote some code to initially hide my progress bar so I could show it at a later point. It works like a charm but I randomly see a piece of my 'amount_format' text displayed at the very left of the bar.

I created a fiddle to simulate the problem: http://jsfiddle.net/kLvje0o6/4/

It happens almost randomly but I found a way to reproduce it 100%. if you risize the window between my function call 'progressTo(0)' and 'progressTo(1)', it will show.

I wrote a timeout in the fiddle, just resize your browser window (width or height) in the 4 seconds of the timeout when you run the fiddle.

Interesting to note that, if you resize it again after that, the piece of text dissapears again.

Screenshot: http://oi62.tinypic.com/2lsbm7k.jpg

[casually-creative]

It is probably a bug due to the fact I set 'display' to 'none' and the plugin can't access the bar's width anymore. If this is the case, any suggestion on how I should properly hide my progressbar?

[bryanmorgandrms]

I am also seeing this issue; in my case, it's because the progress bar is inside a collapsible bootstrap panel, which is collapsed by default. Upon expanding the panel, you get the duplicated offset text, but after resizing the window while the panel is open, it fixes itself.