技术栈

解决uni-app progress控件不显示问题

paradoxaaa_2024-06-03 17:54

官方代码:

复制代码
<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>

这样进度条就显示出来了

上一篇:Flutter-自定义可展开文本控件
下一篇:图书推荐:ChatGPT专业知识信息课程
相关推荐
小六路
1 分钟前
可以横跨时间轴,分类显示的事件
前端·javascript·vue.js
比老马还六
11 分钟前
Blockly文件积木开发
前端
Nayana
19 分钟前
Element-Plus源码分析--form组件
前端
艾菜籽
19 分钟前
Spring Web MVC入门补充1
java·后端·spring·mvc
Bellafu666
20 分钟前
selenium对每种前端控件的操作,python举例
前端·python·selenium
失散13
26 分钟前
分布式专题——44 ElasticSearch安装
java·分布式·elasticsearch·架构
littleboyck
41 分钟前
VSCode 全自动调试Vue/React项目
前端·visual studio code
iOS阿玮
44 分钟前
喜欢做马甲包的有福了~现在多了一招续费方式!
uni-app·app·apple
MicrosoftReactor
1 小时前
技术速递|使用 GitHub Copilot Agent 模式现代化 Java 项目的分步指南
java·github·copilot
热门推荐
01两千字总结:Codex 国内如何安装和使用的教程,以及如何设置中文回答02BongoCat - 跨平台键盘猫动画工具03GitHub 镜像站点04UV安装并设置国内源05Linux下V2Ray安装配置指南06智能库存管理的需求预测模型:从业务痛点到落地代码的完整实践07GitLab 零基础入门指南:从安装到项目管理全流程0846个Nano-banana 精选提示词,持续更新中092025羊城杯网络安全大赛 wp10Cursor Plan Mode:AI 终于知道先想后做了