Problema barra de progresso de frete URGENTE

Pessoal ,estou com um problema, estou criando uma barra de progresso de frete gratis para mostrar quanto falta para ela comprar para ter frete grátis, está funcionando. porém se eu uso o .append() para mostrar a mensagem, ele ficadicionando o texto toda hora, se eu uso .html() a barrinha some e texto fica normal, alguma boa alma pra me ajudar ?
[14:52]
$(function() {


//"{{$info->limitecompra}}";
var frete_gratis = totalPrice;


console.log(limite_compra)
$(function() {

$( "#progressbar" ).progressbar({
value: 0
});
var progressbar = $( "#progressbar" );
$( "#progressbar " ).progressbar( "option", "max", 200 );
function progress() {

var val = progressbar.progressbar( "value" ) || 0;

progressbar.progressbar( "value", frete_gratis );

if( frete_gratis < limite_compra){
var falta_frete = limite_compra - frete_gratis ;
console.log(''AINDA NÃO'');
console.log(falta_frete);
$(".divPrincipal").html("Ainda falta R$" + falta_frete + " para o frete grátis ");

} else if( frete_gratis >= limite_compra){
var falta_frete = frete_gratis;
console.log(frete_gratis)
$(".divPrincipal").html("Frete Grátis disponivel" );
;
}
}
setTimeout( progress, 100 );
});