聊天框媒体文件上传进度显示

分类：MUI

mui

就是聊天的时候文本信息比较小，发送到服务器之后可以直接推送，但是媒体文件需要在服务器上存贮副本，当服务器完全收媒体文件之后，在发送媒体文件接受提示，让客户端自动下载并显示到界面上，现在的问题是想显示文件上传的进度，如下图所示，怎么整呢？我看QQ的媒体文件进度，应该是做个块遮罩，然后在上面显示百分比进度，我想问下这个稍微详细点的做法，部分遮罩怎么实现，然后进度条怎么在遮罩层上显示 5+ uploader 能显示上传字节，然后根据上传字节/总字节显示百分比，主要就是这个百分比聊天框的块遮罩，怎么实现的呢？感谢