使用jquery顯示進度條百分比

我正在嘗試顯示進度百分比。因此，我給出了百分比類百分比來顯示它，進度條的id是「progressbar」。我的js代碼是，使用jquery顯示進度條百分比

$("#progressbar").progressbar({ 
    value: 50 
}); 

$(document).ready(function() { 

    $("#progressbar").progressbar({ 
    value: 0 
    }); 
    var progress = setInterval(function() { 
    var currentVal = $("#progressbar").progressbar("value"); 
    var nextVal = currentVal + 1; 
    $('#percentage').text(currentVal); 
    if (nextVal > 90) { 
     clearInterval(progress); 
    } else { 
     $("#progressbar").progressbar({ 
     value: nextVal 
     }); 
    } 

    }, 100); 
});

現在，我怎麼提前顯示在#percentage

感謝百分比。

來源

2015-04-14 Kumar Elubandi

什麼問題？你在控制檯中收到某種錯誤嗎？或者顯示不正確，還是根本不顯示？ – jmunsch

[有沒有辦法顯示jQuery UI Progressbar中的百分比數字？]（http://stackoverflow.com/questions/3896891/is-there-a-way-to-show-the-percentage- number-inside-the-jquery-ui-progressbar） –

進度條是可見的。但我不知道如何顯示它的百分比所以我用一個跨度與ID'百分比'。如何顯示它的百分比？ –

是不是

var currentVal = $("#progressbar").progressbar("option", "value");

應該是

var currentVal = $("#progressbar").progressbar("value");

這些應該是你的關卡

包括jQuery的。
包含jQuery腳本之後的jQuery-ui。
包括css

來源

2015-04-14 18:08:22

Thanq我糾正它，但是，我想要的是顯示百分比 –

使用jquery顯示進度條百分比

回答

相關問題