Javascript 上传到谷歌硬盘并显示进度百分比

我正在使用下面的代码将大文件上传到Google Drive。如何将进度显示为数字百分比

我不想显示进度条，只想显示“20%”这样的百分比

server.gs

function doGet(e) {
  return HtmlService.createHtmlOutputFromFile('upload.html');
}

function uploadFiles(form) {

  try {

    var dropbox = "uploads";
    var folder, folders = DriveApp.getFoldersByName(dropbox);

    if (folders.hasNext()) {
      folder = folders.next();
    } else {
      folder = DriveApp.createFolder(dropbox);
    }

    var blob = form.myFile;    
    var file = folder.createFile(blob);    
    file.setDescription("VideoName_Number: " + form.myName);

    return "Episode uploaded successfully " + file.getUrl();

  } catch (error) {

    return error.toString();
  }

}

upload.html

<div>
  <form id="myForm">
      <input type="text" name="myName" placeholder="VideoName_Number">
      <input type="file" name="myFile">
      <input type="submit" value="Upload Anime" 
             onclick="this.value='Uploading..';
                      google.script.run.withSuccessHandler(fileUploaded)
                      .uploadFiles(this.parentNode);
                      return false;">
  </form>

  <div id="output"></div>

  <script>
      function fileUploaded(status) {
          document.getElementById('myForm').style.display = 'none';
          document.getElementById('output').innerHTML = status;
      }
  </script>

  <style>
   input { display:block; margin: 20px; }
  </style>
</div>

功能文件上传（状态）{
document.getElementById（'myForm'）.style.display='none'；
document.getElementById（'output'）。innerHTML=status；
}
输入{显示：块；边距：20px；}

有一篇完整的文章介绍如何仅使用纯javascript使用google drive api。本文使用称为MediaUploader的外部文件（Jquery）。您可以在这里测试一个快速演示

---

可能与此重复：谢谢，有用，^^，不，它不是重复的，因为它不是多个使用chuncs的文件一个上传，完全不同的系统，但我现在尝试它可能更好&这确实是答案。您需要自己对文件进行分块，并在每个分块后点击进度指示器。例如，您的文件是10MB：将其分成10x1MB的块，在上载每个块后，将10%添加到进度计数器中。@pinoyyid，我已经这样做了，但是使用php客户端库，在文件上载完成之前，无法获取块状态，请您看一下：不要使用库。直接给rest打电话。这是很容易被劝阻的，所以答案应该是搜索解决方案的终点（与另一个参考文献的中途停留相比，随着时间的推移，这些参考文献往往会变得陈旧）。请考虑在这里添加一个独立的概要，将链接作为参考。