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

这样进度条就显示出来了

相关推荐
hey_ner2 分钟前
页面PDF文件格式预览(不使用pdf.js)
前端·javascript
luckyPian3 分钟前
前端+AI:HTML5语义标签(一)
前端·ai·面试·html·html5·ai编程
普通码农4 分钟前
Vue3 + dom-to-image 实现高质量截图复制与下载功能
前端
王六岁9 分钟前
🐍 前端开发 0 基础学 Python 入门指南:数字与字符串篇
前端·python·全栈
okjohn10 分钟前
浅谈需求分析与管理
java·架构·系统架构·软件工程·产品经理·需求分析·规格说明书
用户03321266636724 分钟前
Java添加、设置和删除PDF图层:
java
tiantian_cool28 分钟前
HarmonyOS 开发环境配置指南 - macOS 版
前端
荣光波比32 分钟前
K8S(十)—— Kubernetes核心组件详解:Pod控制器与配置资源管理
java·容器·kubernetes
m0_6515939140 分钟前
企业级订单系统架构设计:领域驱动 vs 数据驱动实践指南
java·系统架构·领域驱动ddd
WangMing_X40 分钟前
C#上位机软件:2.5 体验CLR实现多语言混合编程
java·开发语言·c#