如何使进度条百分比居中

Question

我的问题是100%的百分比并不完全在中心。我尝试在JavaScript中间隔它，但它不起作用。

当前输出：http://jsfiddle.net/GZSH6/53/

  

JavaScript的：

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);

Answer 1

看看这个DEMO

<强>的jQuery

var progress = setInterval(function () {
    var $bar = $('.bar');

    if ($bar.width() >= 520) {
        clearInterval(progress);
        $('.progress').removeClass('active');
        $bar.text("100%");        
    } else {
        $bar.width($bar.width() + 50);
        $bar.text($bar.width() / 5 + "%");
    }

}, 800);

<强> CSS

.bar{
   max-width:520px;    
}

Answer 2

<div style="width: 590px;text-align:left;text-indent:202px" class="bar">107.27272727272727%</div>