使用在asp.net进度条(Using progress bar in asp.net)

我用在该给出的例子链路

这里是我为.aspx页面代码

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jqueryui.css"
rel="stylesheet" type="text/css" />

<script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jquery1.5/jquery  .min.js"></script>

<script type="text/jscript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<script type="text/jscript">
$(document).ready(function() {
$("#progressbar").progressbar({ value: 37 });
});
</script>

</asp:Content>

和进度条的DIV是这个

<div style="margin-left: 10px; margin-right: 10px;" id="progressbar">    </div>

我试图按照源页上给出的，但没有工作的指示。 你能告诉我什么，我在这里失踪？ thanx提前。 （修正本part.i在把我contntentplaceholder犯了一个错误）

编辑：我怎么能以某种方式改变的价值，这样，当我按下一个按钮，它动画....按钮的页面代码如下：

<asp:Button ID="btnConfirm" CssClass="button" SkinID="Common" runat="server"Text="Confirm"OnClick="btnConfirm_Click" />

Answer 1:

试试这个：

<script type="text/jscript">
jQuery(document).ready(function() {
jQuery("#progressbar").progressbar({ value: 37 });
});
</script>

$也用asp.net为自己的客户方的JavaScript。

考虑我们jQuery.noConflict（）

你可以封装你这样的jQuery代码：

jQuery.noConflict();
(function($) { 
  $(function() {
    $(document).ready(function() {
    $("#progressbar").progressbar({ value: 37 });
    // more code using $ as alias to jQuery
  });
})(jQuery);

编辑：要更新值围绕您的内容之上，并与一个按钮UpdatePanel 。

请参阅如何使用的UpdatePanel

分配进度百分比，以一个asp的文字。

jQuery.noConflict();
(function($) { 
  $(function() {
    $(document).ready(function() {
    $("#progressbar").progressbar({ value: <asp:Literal runat="server" ID="ProgressPercentage" /> });
    // more code using $ as alias to jQuery
  });
})(jQuery);

在按钮点击

ProgressPercentage.Text = progress.ToString();

文章来源: Using progress bar in asp.net