解决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 小时前
小程序web-view嵌入h5扫码 html5-qrcode库使用方法
前端·微信
不懂代码的切图仔4 小时前
小程序web-view嵌入h5扫码 jssdk方式
前端·微信小程序
gp3210264 小时前
什么是Spring Boot 应用开发?
java·spring boot·后端
happymaker06264 小时前
JDBC(MySQL)——DAY04(调用存储过程,存储函数)
java·数据库·mysql
软弹4 小时前
Vue2、Vue3、React 状态管理全方位对比
前端·javascript·vue.js·react.js
王启年4 小时前
npm link 详解:本地包开发与测试的利器
前端
Presto4 小时前
HMR 是为人类设计的,不是为 Agent 设计的
前端
清空mega4 小时前
第7章:JavaBean、Servlet 与 MVC——从 JSP 页面开发走向规范项目
java·servlet·mvc
吃素的老虎5 小时前
从零构建 AI 网关(三):渠道插件系统
前端
学以智用5 小时前
# Vue3 路由(Vue Router 4)完全指南
前端·vue.js