经过测试,可以以10为分界点,百分比小于10的时候,自定义进度条数值的位置和颜色,如下所示:
<u-line-progress :percent="percent"><text v-if="percent<10" style="position: absolute" :style="{left: `${percent*3*2 + 20}rpx`,color: percent> 10 ? '#FFFFFF' : '#333333'}">{{percent}}%</text>
</u-line-progress>