在 Essence 框架中显示文件上传进度

【问题标题】：Show file upload progress in Essence framework在 Essence 框架中显示文件上传进度
【发布时间】：2016-03-14 14:12:15
【问题描述】：

所以我有一个简单的上传文件表单，我想在上传文件时使用essence-progress 作为加载微调器。我使用 XMLHttpRequest2，所以我可以跟踪我的进度并实时获得剩余百分比。

essential-progress 可以显示那个百分比数字吗？

我在想这样的事情：

<FileUpload>
   <Progress progress={'progress'} type={'circle'} />
</FileUpload>

提前致谢！

【问题讨论】：

【解决方案1】：

查看essence-progress 的源代码我认为没有直接的方法可以做到这一点。但是，您也许可以构建一个新组件，如下所示：

<FileUpload>
   <Progress type={'circle'} />
   <Percentage value={'progress'} />
</FileUpload>

作为解决此问题的快速方法。使用 CSS，您可以将其放置在进度条的顶部。

我希望这会有所帮助。让我知道:)

【讨论】：