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

这样进度条就显示出来了

相关推荐
Drifter_yh15 分钟前
「JVM」 深入剖析 JVM 内存结构:从底层原理到线上排查
java·jvm
享誉霸王26 分钟前
15、告别混乱!Vue3复杂项目的规范搭建与基础库封装实战
前端·javascript·vue.js·前端框架·json·firefox·html5
莫寒清1 小时前
Java 线程池详解
java·面试
a1117761 小时前
飞机躲避炸弹 网页游戏
前端·开源·html·threejs
夏乌_Wx1 小时前
mybash:简易 Shell 实现的设计思路与核心模块解析
linux·服务器·前端
廋到被风吹走1 小时前
安全防护深度解析:敏感信息加密、密码哈希与密钥管理实战
java
biyezuopinvip2 小时前
基于Spring Boot的投资理财系统设计与实现(毕业论文)
java·spring boot·vue·毕业设计·论文·毕业论文·投资理财系统设计与实现
iAkuya2 小时前
(leetcode)力扣100 75前K个高频元素(堆)
java·算法·leetcode
滕青山2 小时前
URL编码/解码 核心JS实现
前端·javascript·vue.js
极客先躯2 小时前
高级java每日一道面试题-2025年7月17日-基础篇[LangChain4j]-如何实现模型的负载均衡和故障转移?
java·langchain·负载均衡·重试机制·负载均衡实现·故障转移实现·多级降级