Javascript Jquery UI progressbar未使用asp按钮设置动画

我试图使用jQuery UI进度条，当我单击

asp:按钮时，它将显示在jQuery UI对话框中

该按钮声明如下：

<asp:Button ID="Button2" runat="server" Text="Télécharger" 
    CausesValidation="False" onclick="Button2_Click" OnClientClick="javascript:displayDialog()"/>

该对话框在加载页面时直接显示，如下所示：


这是正确的（我显然不希望它在开始时，但当你点击按钮，但仍然正确显示进度栏）
 您发现此问题是因为您在
对话框div中包含了
进度条

错误代码：

<div id="dialog" title="Attente de téléchargement">
  <p>Le fichier est en cours de préparation, le téléchargement devrait commencer sous peu.</p>
  <div id="progressbar"></div>
</div>

<div id="dialog" title="Attente de téléchargement">
   <p>Le fichier est en cours de préparation, le téléchargement devrait commencer sous peu.</p>
</div>
<div id="progressbar"></div>

快乐编码：）
这行不通，因为我需要对话框中的进度条。此外，我首先尝试只使用一个进度条并显示隐藏它（没有任何对话框），结果是一样的。@WizLiz:您能创建一个JSFIDLE，以便我可以检查它吗。@WizLiz:我已经创建了JSFIDLE。我可以看到你没有为进度条提供任何值来显示加载。是的，我知道，我使用的是value:false，所以它显示为@WizLiz:我可以看到，你使用的jquery ui库存在一些问题，你的代码没有问题。检查这里，
    $(document).ready(function () {
        $("#dialog").dialog();
        $("#progressbar").progressbar({
            value: false
        });
    });

<div id="dialog" title="Attente de téléchargement">
  <p>Le fichier est en cours de préparation, le téléchargement devrait commencer sous peu.</p>
  <div id="progressbar"></div>
</div>

<div id="dialog" title="Attente de téléchargement">
   <p>Le fichier est en cours de préparation, le téléchargement devrait commencer sous peu.</p>
</div>
<div id="progressbar"></div>