Question

我希望在我的网络应用中为我的民意调查结果设置一个进度条，我发现这篇文章关于jquery进度条http://www.asp.net/ajaxlibrary/jquery_ui_mvc_progressbar.ashx，但我的问题是进度条没有显示，这是我的代码：

<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
    <script type="text/jscript">
    jQuery(document).ready(function () {
        jQuery("#progressbar").progressbar({ value: 37 });
    });
    </script>

这是我的进度条div

    <div id="progressbar"></div>

知道我做错了什么？

编辑：我也使用了这个，但也没有用

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

Answer 1

确保在页面上正确加载了jquery-ui.css文件。否则它不会显示任何内容。这是我回答的问题。

Answer 2

我还遇到了使用上面的jQuery代码时没有显示进度条的问题。但是当我添加

时，进度条出现了

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
  background-color: #ccc;
}

到我的style.css文件中。显然，可以根据您的目的更改值。

Answer 3

<script type="text/jscript">

可能是语法错误，取走type =“”或将jscript更改为javascript。

Answer 4

确保只加载一次jquery。我在生成的代码中遇到了这个问题，其中加载了两个版本的jquery。

jquery进度条不显示

4 个答案: