解决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>

这样进度条就显示出来了

相关推荐
海参崴-几秒前
深入剖析C语言结构体存储规则:内存对齐原理与实战详解
java·c语言·开发语言
光影少年1 分钟前
vite 8 发布,双引擎时代结束
前端·javascript·前端框架
南山乐只2 分钟前
Java并发工具:synchronized演进,从JDK 1.6 锁升级到 JDK 24 重构
java·开发语言·后端·职场和发展
无籽西瓜a3 分钟前
【西瓜带你学设计模式 | 第十三期 - 组合模式】组合模式 —— 树形结构统一处理实现、优缺点与适用场景
java·后端·设计模式·组合模式·软件工程
翊谦8 小时前
Java Agent开发 Milvus 向量数据库安装
java·数据库·milvus
晓晓hh8 小时前
JavaSE学习——迭代器
java·开发语言·学习
查古穆9 小时前
栈-有效的括号
java·数据结构·算法
kyriewen119 小时前
你点的“刷新”是假刷新?前端路由的瞒天过海术
开发语言·前端·javascript·ecmascript·html5
Java面试题总结9 小时前
Spring - Bean 生命周期
java·spring·rpc
硅基诗人9 小时前
每日一道面试题 10:synchronized 与 ReentrantLock 的核心区别及生产环境如何选型?
java