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

这样进度条就显示出来了

相关推荐
宋情写几秒前
Java基础篇01-环境搭建+入门体验
java·开发语言
Hilaku2 分钟前
2025快手直播至暗时刻:当黑产自动化洪流击穿P0防线,我们前端能做什么?🤷‍♂️
前端·javascript·安全
San30.2 分钟前
深度解析 React 组件化开发:从 Props 通信到样式管理的进阶指南
前端·javascript·react.js
悟能不能悟3 分钟前
java list=null,可以stream吗
java·windows·list
C_心欲无痕3 分钟前
vue3 - 内置组件KeepAlive优化组件状态缓存
前端·vue.js·缓存
cike_y4 分钟前
Mybatis-万能的Map&模糊查询
java·开发语言·mybatis·安全开发
Swift社区6 分钟前
跨端路由设计:如何统一 RN 与 Web 的页面模型
前端·react.js·web3
fantasy_arch11 分钟前
SVT-AV1帧类型决策-场景切换检测
前端·网络·av1
LYFlied11 分钟前
前端工程化核心面试题与详解
前端·面试·工程化
开开心心_Every20 分钟前
无广告干扰:简单好用文字LOGO设计工具
xml·java·网络·数据库·华为od·华为云·excel