图像加载显示，例如网络javascript中的whatsapp

Question

我正在设置一个类似于whatsapp web的网络聊天面板，我已经集成了用于图像上传的代码，并且正在获取图像上传百分比，我想要的是如何显示诸如whatsapp之类的图像的上传状态。

task.on('state_changed', function progress(snapshot){
    var percentage = (snapshot.bytesTransferred/snapshot.totalBytes)*100;
    var progress = Math.round(percentage);
    uplaoder.value = percentage;
    console.log(progress);

}, function error(err){
    console.log('Unable To Upload File Please Try After Some Time' + err);
});

我们如何显示此上载的图像，如下面图像中的whatsapp，我想在对话面板中添加进度栏