Javascript 如何使进度条以百分比为中心

我的问题是百分比

100%

并不完全在中间。我尝试在JavaScript中隔开它，但它不起作用

电流输出：

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

107.2727%

看看这个

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

.bar{
   max-width:520px;    
}