Question

脚本运行时是否可以在Google电子表格中显示进度条（直到完成）？像JQuery progressbar这样的东西可以，但在哪个选择器上？

提前感谢您的帮助！

$(document).ready(function(){
    $('#Mydiv').progressbar({value: false} );
})

Answer 1

你拥有的脚本没问题，但如果你想要复杂或复杂的东西，它会在脚本运行时计算百分比

CSS：

#progressbox {
border: 1px solid #0099CC;
padding: 1px;
position:relative;
width:400px;
border-radius: 3px;
margin: 10px;
display:none;
text-align:left;
}
#progressbar {
height:20px;
border-radius: 3px;
background-color: #003333;
width:1%;
}
#statustxt {
top:3px;
left:50%;
position:absolute;
display:inline-block;
color: #000000;
}

<强> JQuery的：

$(document).ready(function() {  
    var options = {
            target:   '#output',
            beforeSubmit:  beforeSubmit,
            uploadProgress: OnProgress, //upload progress callback
            success:       afterSuccess,
            resetForm: true  
        };

     $('#MyUploadForm').submit(function() {
            $(this).ajaxSubmit(options);           
            return false;
        });
});

下面的函数捕获表单插件传递的参数，实时更改进度条的宽度和文本。

function OnProgress(event, position, total, percentComplete)
{
    //Progress bar
    progressbar.width(percentComplete + '%') //update progressbar percent complete
    statustxt.html(percentComplete + '%'); //update status text
    if(percentComplete>50)
        {
            statustxt.css('color','#fff'); //change status text to white after 50%
        }
}

@ref：http://www.sanwebe.com/2012/05/ajax-image-upload-with-progressbar-with-jquery-and-php

这涉及图片上传，但您可以将其替换为在后台运行的脚本。

如何在脚本运行时在Google电子表格中显示进度条

1 个答案: