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

这样进度条就显示出来了

相关推荐
JavaAgent架构师6 分钟前
前端AI工程化(五):AI对话状态管理
前端·人工智能
RainCity18 分钟前
Java Swing 自定义组件库分享(六)
java·笔记·后端
ricardo197319 分钟前
一张图搞懂 HTTP 缓存:强缓存、协商缓存与最佳 Cache-Control 配置
前端
程序员码歌21 分钟前
别再让 AI 自由发挥了:OpenSpec 才是团队协作不跑偏的关键
android·前端·人工智能
xuanjiong22 分钟前
DDD架构Repository仓储数据流转全链路详解:Domain与其他层的数据流转
java·系统架构
用户114818678948427 分钟前
Vue 开发者快速上手 Flutter(二)
前端
用户114818678948430 分钟前
Vue 开发者快速上手 Flutter(三)
前端
JavaAgent架构师31 分钟前
前端AI工程化(六):Function Calling与RAG前端实践
前端·人工智能
用户114818678948434 分钟前
Vue 开发者快速上手 Flutter(一)
前端
敲代码的鱼36 分钟前
NFC读卡能力 支持安卓/iOS/鸿蒙 UTS插件
android·ios·uni-app