jquery - jQuery 进度条值 = 变量

Question

我想制作一个 jQuery 进度条，其中的值是变量的值。

var mynumber = [whatever value]
$(function () {
    $("#progressbar").progressbar({
        value: mynumber
    });
});

我在网上搜索过，但在任何地方都找不到。谢谢！

Answer 1

作为value类型boolean或number（根据jQuery API），您必须首先将变量解析为特定类型：

var mynumber = [whatever value]
$(function () {
    $("#progressbar").progressbar({
        value: parseInt(mynumber, 10)
    });
});

Answer 2

$("#progressbar").progressbar("option", "value", mynumber);

Answer 3

你需要链接JQueryUI和JQuery，看看这段代码：

jsFiddle

HTML

<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<div id="progressbar"></div>

jQuery

var number=37;
$( "#progressbar" ).progressbar({
  value: number
});

CSS

div{
    width:300px;
    height:30px;
}