Element ui upload上传组件修改文件上传进度条

1.首先，Element ui官网上upload上传组件文件上传时候进度条是这样显示的：

这样的进度条在实际开发过程中有个问题：上传大文件的时候，进度条为100%后其实文件还并没有上传成功。

这样用户会以为上传成功了就进行其他操作。当然你可以在用户进行操作的时候判断上传状态，如果还正在上传的话弹出提示

但是即使是这样做也不太友好（用户会感觉都没上传成功你为什么给我显示100%）

2.解决以上问题的方法有很多种，殊途同归都是要改变上传的进度条，本文采用的的方法是将进度条改为以下样式：

上传中样式：

上传成功样式：

整体样式跟之前官网的样式一样，只不过去掉了进度条的进度显示改为了转圈圈的样子

需要注意的是：此处的文件列表显示已经不是upload自带的文件列表显示，所以此处upload应该这样设置：

show-file-list设置为false

文件列表的样式还有是采用upload源码样式：