如何在javascript程序运行时添加状态信息?

时间:2014-09-11 08:23:22

标签: javascript jquery

我在HTML5

中有一个包含这些脚本的<head>文档
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://www.example.com/run_program.js"></script>

要在<body>中运行程序,我使用

<div><input type="button" onclick="retrieveData()" value="Execute Query"></div>

run_program.js有时需要20秒才能完成。

如何添加一个简单的控件让用户知道进程正在运行?

1 个答案:

答案 0 :(得分:1)

您不清楚自己想要获得什么,但AFAICU可以使用HTML5 progress元素并更改它的价值&#39;编程运行时的属性(例如,如果程序中存在循环,则每次迭代可以添加100 /(总迭代次数))。

<progress id="running" min="0" max="100" value="0"></progress>