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

这样进度条就显示出来了

相关推荐
niuyueyang3 小时前
MCP `/mcp/status` Lifecycle 技术方案
java·服务器·数据库
杨运交3 小时前
086-对象存储模块-基于Spring Boot的文件存储模块监控设计与实现
java·spring boot·后端
tryCbest4 小时前
Vue3——第 13 篇:计算属性与侦听器——computed 与 watch 的进化
前端·javascript·vue.js
Wang's Blog4 小时前
Java 项目实战:交友项目 - 我的访客:需求说明
java·开发语言·交友
怒放的生命19914 小时前
本地用 pnpm 省磁盘,团队继续用 npm:极简实践
前端·npm·node.js
believed_breadfruit4 小时前
我开源了一个HTML 分页导出工具,解决了复杂页面的内容截断、跨页错乱和长文档白屏问题
前端·javascript·github
福狼4 小时前
从“网墙”到柔性曲面:一次 WebGPU 波浪的逆向分析与重建
前端·逆向
宝哥聊编程4 小时前
主流 Agent 平台对比:Coze、Dify、飞书、扣子、OpenClaw 落地实操手册
前端·人工智能·飞书
云析赢指标公式网45 小时前
文华财经指标源码笔记:WINNER筹码函数、控盘变量与MACD变体的调试记录
java·笔记·算法
时间的情敌5 小时前
Vue3 + Cesium 实战:本地上传 GLB 模型、模型上叠加 GLB、点击控制透明度
前端·vue.js·cesium