最新在做下載點擊下載類型小程序，主要用到小程序progress滾動條，用于顯示下載進度

但是，博主在做小程序的時候發現滾動條一開始一直從0開始賦值，然后滾動條就一直抖動閃動。

看看下載進度數據打印，也沒看出什么問題。

解決方法如下：

進度條值默認為0，博主通過判斷當前最新下載進度大于90的時候，再賦值給進度條。等于100的時候延時隱藏loading加載，再延時4s顯示成功彈窗。downloadTask.onProgressUpdate((res)?=>?{

if(res.progress>90){

this.percent?=?res.progress

}

if(res.progress==100){

setTimeout(function?()?{

uni.hideLoading();

uni.showToast({

title:?"保存成功",

icon:?"success"

});

},?4000);

}

console.log('下載進度'?+?res.progress);

console.log('已經下載的數據長度'?+?res.totalBytesWritten);

console.log('預期需要下載的數據總長度'?+?res.totalBytesExpectedToWrite);

});

最后再來看看效果：可以明顯的看到進度條沒有再之前那樣抖動了。

以上是博主的一種解決思路，如有其它更好的方法，歡迎下方留言或者加入技術交流群，共同探討。

總結

以上是生活随笔為你收集整理的uniapp 自定义进度条_如何解决uniapp小程序下载进度条问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。