解决uni-app progress控件不显示问题

官方代码:

复制代码
<view class="progress-box">
		<progress :percent="80" show-info activeColor="red" stroke-width="10" />
</view>

进度条并不在页面中显示,那么我们需要给进度条加上宽高style="height:10px; width:100%"

复制代码
<view class="progress-box">
	<progress style="height:10px; width:100%" :percent="80" show-info activeColor="red" stroke-width="10" />
</view>

这样进度条就显示出来了

相关推荐
专注API从业者1 分钟前
淘宝商品详情 API 的 Webhook 回调机制设计与实现:实现数据主动推送
大数据·前端·数据结构·数据库
哈哈哈hhhhhh6 分钟前
vue----v-model
前端·javascript·vue.js
BUG?不,是彩蛋!6 分钟前
Java变量作用域与类型转换实战
java·开发语言
QD_ANJING7 分钟前
2026年大厂前端高频面试原题-React框架200题
开发语言·前端·javascript·react.js·面试·职场和发展·前端框架
happymaker06268 分钟前
web前端学习日记——DAY03(盒子模型,flex布局,表格)
前端·学习
左左右右左右摇晃8 分钟前
Java笔记 —— 泛型
java·笔记
未知鱼9 分钟前
Python安全开发之简易whois查询
java·python·安全
Aloha_up11 分钟前
spring的几个八股
java·后端·spring
逸Y 仙X12 分钟前
文章九:ElasticSearch索引字段常见属性
java·大数据·服务器·数据库·elasticsearch·搜索引擎