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

这样进度条就显示出来了

相关推荐
架构师沉默4 分钟前
为什么 Dubbo 从 ZooKeeper 转向 Nacos?
java·后端·架构
用户8307196840829 分钟前
Spring Prototype Bean的四种正确使用方式
java·spring boot·后端
永恒_顺其自然11 分钟前
Java Web 传统项目异步分块上传系统实现方案
java·开发语言·前端
百撕可乐19 分钟前
NextJS官网实战01:Vue与React的区别
前端·react.js·前端框架
Можно23 分钟前
Vue 组件样式隔离完全指南:从原理到实战
前端·javascript·vue.js
赫瑞27 分钟前
Java中的大数处理 —— BigInteger
java·开发语言
r_oo_ki_e_28 分钟前
java25--Collection集合
java·开发语言
bearpping28 分钟前
WebSpoon9.0(KETTLE的WEB版本)编译 + tomcatdocker部署 + 远程调试教程
前端
色空大师30 分钟前
网站搭建实操(五)后台管理-短信模块
java·阿里云短信·网站·短信
极创信息34 分钟前
信创软件安全加固指南,信创软件的纵深防御体系
java·大数据·数据库·金融·php·mvc·软件工程