我有一个使用 webapp2 框架的 Google App Engine 应用程序,它与 MySQL 数据库交互。应用程序的用户可以上传数据。在上传过程中,我想显示一个进度条,因为它可能需要几分钟。
根据我所看到的其他主题(主要是:这个题目和这一次),我工作的一个JSON / JavaScript的解决方案,这都是新的我。
如果我传递一个随机数,进度条本身正在工作。但是,我无法弄清楚如何从 Python 脚本“加载”不断变化的值。
这是 HTML/CSS/Javascript:
HTML:
<div id="myProgress">
<div id="myBar"</div>
</div>
CSS:
#myProgress {width: 300px;
height: 30px;
background-color: #ddd;
}
#myBar {width: 1%;
height: 30px;
background-color: #4CAF50;
}
Javascript:
<script type="text/javascript">
function move() {
var elem = document.getElementById("myBar");
var width = 1;
var id = setInterval(frame, 1000);
function frame() {
if (width >= 100) {
clearInterval(id);
}
else {
//var randomnumber = Math.floor(Math.random() * …Run Code Online (Sandbox Code Playgroud)