微信小程序 progress组件详解及实例代码


Posted in Javascript onOctober 25, 2016

主要属性:

微信小程序 progress组件详解及实例代码

效果图:

微信小程序 progress组件详解及实例代码

ml:

<View >
  <!--百分比是30,并在进度条右侧显示百分比-->
  <Text class="text-style">百分比是30,并在进度条右侧显示百分比</Text>
  <progress percent="30" show-info />
  <!--百分比是40,进度条线的宽度12px-->
  <Text class="text-style">百分比是40,进度条线的宽度12px</Text>
  <progress percent="40" stroke-width="12" />
  <!--百分比是60,进度条颜色:pink-->
  <Text class="text-style">百分比是60,进度条颜色:pink</Text>
  <progress percent="60" color="pink" />
  <!--百分比是80,进度条从左往右的动画-->
  <Text class="text-style">百分比是80,进度条从左往右的动画</Text>
  <progress percent="80" show-info active />
</View>

ss:

.text-style{
  font-size: 13px;
}

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

Javascript 相关文章推荐
json简单介绍
Jun 10 Javascript
js中parseInt函数浅谈
Jul 31 Javascript
页面js遇到乱码问题的解决方法是和无法转码的情况
Apr 30 Javascript
javascript获取当前鼠标坐标的方法
Jan 10 Javascript
javascript实现五星评分功能
Nov 10 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
Oct 11 Javascript
详解axios在vue中的简单配置与使用
May 10 Javascript
bootstrap+jQuery 实现下拉菜单中复选框全选和全不选效果
Jun 12 jQuery
bootstrap下拉框动态赋值方法
Aug 10 Javascript
JS中FileReader类实现文件上传及时预览功能
Mar 27 Javascript
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 Vue.js
element-ui 弹窗组件封装的步骤
Jan 22 Javascript
微信小程序 swiper组件详解及实例代码
Oct 25 #Javascript
javascript实现获取指定精度的上传文件的大小简单实例
Oct 25 #Javascript
可输入文字查找ajax下拉框控件 ComBox的实现方法
Oct 25 #Javascript
微信小程序 数据绑定详解及实例
Oct 25 #Javascript
关于angularJs指令的Scope(作用域)介绍
Oct 25 #Javascript
javascript 中的事件委托详解
Oct 25 #Javascript
js实现控制textarea输入字符串的个数,鼠标按下抬起判断输入字符数
Oct 25 #Javascript
You might like
PHP中的命名空间相关概念浅析
2015/01/22 PHP
如何利用http协议发布博客园博文评论
2015/08/03 PHP
PHP的Trait机制原理与用法分析
2019/10/18 PHP
php设计模式之迭代器模式实例分析【星际争霸游戏案例】
2020/04/07 PHP
模拟用户操作Input元素,不会触发相应事件
2007/05/11 Javascript
javascript脚本编程解决考试分数统计问题
2008/10/18 Javascript
JavaScript高级程序设计(第3版)学习笔记8 js函数(中)
2012/10/11 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
2012/12/16 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
2014/06/30 Javascript
JavaScript中的setMilliseconds()方法使用详解
2015/06/11 Javascript
js实现点击文本框显示日期选择器特效代码分享
2020/05/21 Javascript
jQuery+ajax简单实现文件上传的方法
2016/06/03 Javascript
微信小程序 vidao实现视频播放和弹幕的功能
2016/11/02 Javascript
jquery实现简单实用的轮播器
2017/05/23 jQuery
JS实现的文字间歇循环滚动效果完整示例
2018/02/13 Javascript
从零开始封装自己的自定义Vue组件
2018/10/09 Javascript
Python yield 小结和实例
2014/04/25 Python
python测试mysql写入性能完整实例
2018/01/18 Python
python中将正则过滤的内容输出写入到文件中的实例
2018/10/21 Python
python3实现名片管理系统
2020/11/29 Python
Python变量、数据类型、数据类型转换相关函数用法实例详解
2020/01/09 Python
matplotlib 画动态图以及plt.ion()和plt.ioff()的使用详解
2021/01/05 Python
英国著名的化妆品折扣网站:Allbeauty.com
2016/07/21 全球购物
Asics日本官网:鬼冢八喜郎创立的跑鞋运动品牌
2017/10/18 全球购物
澳大利亚领先的在线机械五金、园艺和存储专家:Edisons
2018/03/24 全球购物
俄罗斯最大的香水和化妆品网上商店:Randewoo
2020/11/05 全球购物
自我推荐书
2013/12/04 职场文书
高中毕业的自我鉴定
2013/12/09 职场文书
公证书样本
2014/04/10 职场文书
选秀节目策划方案
2014/06/06 职场文书
节能减耗标语
2014/06/21 职场文书
出售房屋委托书范本
2014/09/24 职场文书
计划生育工作汇报
2014/10/28 职场文书
标枪加油稿
2015/07/22 职场文书
学校体育节班级口号
2015/12/25 职场文书
Vue+Element UI实现概要小弹窗的全过程
2021/05/30 Vue.js