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

这样进度条就显示出来了

相关推荐
明月_清风几秒前
告别视口依赖:Container Queries 开启响应式组件的“后媒体查询”时代
前端·css
明月_清风1 分钟前
从样式表到渲染引擎:2026 年前端必须掌握的 CSS 架构新特性
前端·css
阿珊和她的猫9 小时前
前端应用首屏加载速度优化全攻略
前端·状态模式
追随者永远是胜利者9 小时前
(LeetCode-Hot100)53. 最大子数组和
java·算法·leetcode·职场和发展·go
百锦再9 小时前
Java之Volatile 关键字全方位解析:从底层原理到最佳实践
java·开发语言·spring boot·struts·kafka·tomcat·maven
张万森爱喝可乐10 小时前
Java高并发实战
java
Mike_jia10 小时前
LiteOps:轻量级CI/CD平台,重塑开发运维新体验
前端
daad77710 小时前
rcu 内核线程
java·开发语言
浮游本尊10 小时前
React 18.x 学习计划 - 第十四天:实战整合与进阶收尾
前端·学习·react.js