jQuery .text(） 不出现在 html 中，而是出现在 console.log 中

我有这行代码

$('.bartext').text(percentComplete + "%");

在html中，它呈现如下

<p class="bartext text" style="font-size: 14.020371290794092px;"></p>

但console.log

console.log($('.bartext').text(percentComplete + "%"));

说

[p.bartext text, prevObject: x.fn.x.init[1], context: document, selector: ".bartext", jquery: "1.10.2", constructor: function…]

outerHTML

"<p class="bartext text" style="font-size: 14.020371290794092px;">100%</p>"

和outerText

"100%"

编辑：整个部分

$.ajax({
            xhr: function()
            {
                var XHR = new window.XMLHttpRequest();
                XHR.addEventListener('progress', function(evt) {
                    if (evt.lengthComputable) {
                        var percentComplete = (evt.loaded / evt.total) * 100;
                        console.log(percentComplete);
                        $('.bar').css('width', (percentComplete * 2));
                        $('.bartext').text(percentComplete + "%");
                    }
                }, false);
                return XHR;
            },
            type: 'GET',
            url: page, 
            data: {ajax : 1},
            success: function(data) {
            $('.content').empty().append(data);
            }
        });

这是怎么回事？谢谢！！！:D