编程 Javascript

微信小程序 wxapp内容组件 progress详细介绍

Posted in Javascript onOctober 31, 2016

微信小程序内容组件

微信小程序内容组件进度条：progress

进度条

属性名	类型	默认值	说明
percent	Float	无	百分比0~100
showInfo	Boolean	false	在进度条右侧显示百分比
strokeWidth	Number	6	进度条线的宽度，单位px
color	Color	#09BB07	进度条颜色
active	Boolean	false	进度条从左往右的动画

示例：

<progress percent="20" show-info />
<progress percent="40" stroke-width="12" />
<progress percent="60" color="pink" />
<progress percent="80" active />

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

微信小程序 wxapp内容组件 progress详细介绍

- Author -

lqh

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery ctrl+Enter shift+Enter实现代码

Feb 07 Javascript

用jQuery模拟页面加载进度条的实现代码

Dec 19 Javascript

javascript之querySelector和querySelectorAll使用介绍

Dec 20 Javascript

Javascript中使用parseInt函数需要注意的问题

Apr 02 Javascript

JQuery分屏指示器图片轮换效果实例

May 21 Javascript

jQuery flip插件实现的翻牌效果示例【附demo源码下载】

Sep 20 Javascript

微信小程序-详解数据缓存

Nov 24 Javascript

AngularJS框架的ng-app指令与自动加载实现方法分析

Jan 04 Javascript

es6+angular1.X+webpack 实现按路由功能打包项目的示例

Aug 16 Javascript

Node.js中读取TXT文件内容fs.readFile()用法

Oct 10 Javascript

浅谈Webpack多页应用HMR卡住问题

Apr 24 Javascript

layer ui插件显示tips时,修改字体颜色的实现方法

Sep 11 Javascript

微信小程序 wxapp内容组件 text详细介绍

Oct 31 #Javascript

微信小程序 wxapp内容组件 icon详细介绍

Oct 31 #Javascript

微信小程序 wxapp导航 navigator详解

Oct 31 #Javascript

微信小程序 wxapp地图 map详解

Oct 31 #Javascript

微信小程序 wxapp画布 canvas详细介绍

Oct 31 #Javascript

微信小程序 wxapp视图容器 view详解

Oct 31 #Javascript

详解JavaScript跨域总结与解决办法

Oct 31 #Javascript