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

Question

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

精华进度能显示百分比数吗？

我在想这样的事情：

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

提前致谢！

Answer 1

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

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

是解决此问题的快捷方式。使用CSS，您可以将其放在进度条的顶部。

我希望这会有所帮助。让我发布：）