基于uview2.0
template部分
<!-- 这是uview的progress组件应用 -->
<u-line-progress height="5"
:showText="false"
:percentage="filterPercentage(item.doneSt,item.stTotal)"
activeColor="#19be6b">
</u-line-progress>
methods或filters
methods: {
filterPercentage(progressText,total) {
// 用所要展示的进度 / 总进度 *100份就能得到我们需要的进度条进度了,相当于转换了一下, 这样不管最大进度是多少都不用担心了。
return (progressText / total) * 100
}
}