小编Pie*_*ter的帖子

基于脚本进度的动态进度条?

我有一个使用 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)

html javascript python json webapp2

5
推荐指数
1
解决办法
2199
查看次数

标签 统计

html ×1

javascript ×1

json ×1

python ×1

webapp2 ×1