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

这样进度条就显示出来了

相关推荐
张元清5 分钟前
head.tsx 就是一个 React 组件:用 loader 数据动态生成 SEO meta
前端·javascript·面试
lemon_yyds10 分钟前
Element UI 实践踩坑- date-picker 组件 定制化type="daterange"
前端·css
小Y._12 分钟前
AQS同步器核心原理深度剖析
java·源码分析·juc·aqs
Alice-YUE13 分钟前
ai对话平台中的functioncalling+mcp
前端·笔记·学习·语言模型
南棱笑笑生18 分钟前
20260420给万象奥科的开发板HD-RK3576-PI适配瑞芯微原厂的Buildroot时使用ll命令
java·大数据·elasticsearch·rockchip
StockTV22 分钟前
韩国市场API技术对接指南,涵盖实时行情、历史数据、指数信息、公司详情等功能
java·开发语言·python·php
MXN_小南学前端32 分钟前
Vue 视频上传实战:视频预览、MediaRecorder 压缩与自定义上传
前端·vue.js
Hilaku1 小时前
AI 生成的代码都是一坨屎?聊聊怎么给 Agent 制定工程约束
前端·javascript·ai编程
缪懿1 小时前
javaEE:文件IO
java·java-ee
吴声子夜歌1 小时前
Vue3——使用Vue Router实现路由
前端·javascript·vue.js·vue-router