将变量指定为jQuery ui进度条的值

Question

我试图创建一个进度条，其中包含从服务器返回的值。我正在解析这个浮点数，并将它分配给一个变量，该变量即用作我的进度条的值，但它没有被显示。我想知道这是否与我的变量范围有关，以便在初始化进度条时我的变量是未定义的？我尝试删除var以使其全局但仍然没有运气。任何帮助表示赞赏！

这是我的jsfiddle示例

HTML

<h3>Static Value</h3>
<div id="avg-1">
6.7
</div>
<div id="avg-wrap">

</div>

<h3>Dynamic Value</h3>
<div id="avg-2">
    6.7
</div>
<div id="avg-wrap2">

</div>

JavaScript / jQuery

//static value
$( "#avg-wrap" ).progressbar({
value: 6.7
});



var avg1 = document.querySelector('#avg-2').innerText;
parseFloat(avg1); 
avg1*10;

//dyamic value
$( "#avg-wrap2" ).progressbar({
value: avg1
});