I'm having an issue with positioning the percentage 100%
in the center of the element. I attempted adjusting the spacing in the JavaScript code, but so far it hasn't been successful.
Here is the current output for the code: http://jsfiddle.net/GZSH6/53/
Here is the JavaScript code snippet:
var progress = setInterval(function () {
var $bar = $('.bar');
if ($bar.width() >= 550) {
clearInterval(progress);
$('.progress').removeClass('active');
} else {
$bar.width($bar.width() + 55);
}
$bar.text($bar.width() / 5.5 + "% ");
}, 800);