微信小程序 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 相关文章推荐
解析JavaScript中instanceof对于不同的构造器或许都返回true
Dec 03 Javascript
js中生成map对象的方法
Jan 09 Javascript
jQuery的context属性用法实例
Dec 27 Javascript
Js可拖拽放大的层拖动特效实现方法
Feb 25 Javascript
JavaScript中this详解
Sep 01 Javascript
javascript自动恢复文本框点击清除后的默认文本
Jan 12 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
基于Bootstrap使用jQuery实现输入框组input-group的添加与删除
May 03 Javascript
类似于QQ的右滑删除效果的实现方法
Oct 16 Javascript
AngularJS封装指令方法详解
Dec 12 Javascript
浅谈KOA2 Restful方式路由初探
Mar 14 Javascript
java遇到微信小程序 &quot;支付验证签名失败&quot; 问题解决
Dec 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动态编译出现Cannot find autoconf的解决方法
2014/11/05 PHP
php统计数组元素个数的方法
2015/07/02 PHP
Yii2中OAuth扩展及QQ互联登录实现方法
2016/05/16 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
PHP rmdir()函数的用法总结
2019/07/02 PHP
兼容多浏览器的字幕特效Marquee的通用js类
2008/07/20 Javascript
js 中{},[]中括号,大括号使用详解
2011/05/12 Javascript
高性能Javascript笔记 数据的存储与访问性能优化
2012/08/02 Javascript
javascript中in运算符用法分析
2015/04/28 Javascript
深入讲解AngularJS中的自定义指令的使用
2015/06/18 Javascript
ajax请求data遇到的问题分析
2018/01/18 Javascript
在 webpack 中使用 ECharts的实例详解
2018/02/05 Javascript
解析Json字符串的三种方法日常常用
2018/05/02 Javascript
Vue Router history模式的配置方法及其原理
2019/05/30 Javascript
Vue的click事件防抖和节流处理详解
2019/11/13 Javascript
vue cli3.0打包上线静态资源找不到路径的解决操作
2020/08/03 Javascript
Vue执行方法,方法获取data值,设置data值,方法传值操作
2020/08/05 Javascript
python实现简单的计时器功能函数
2015/03/14 Python
python实现文本去重且不打乱原本顺序
2016/01/26 Python
Python实现的调用C语言函数功能简单实例
2019/03/13 Python
python基础知识(一)变量与简单数据类型详解
2019/04/17 Python
Python多版本开发环境管理工具介绍
2019/07/03 Python
Flask框架学习笔记之路由和反向路由详解【图文与实例】
2019/08/12 Python
python  ceiling divide 除法向上取整(或小数向上取整)的实例
2019/12/27 Python
python matplotlib实现将图例放在图外
2020/04/17 Python
sklearn和keras的数据切分与交叉验证的实例详解
2020/06/19 Python
详解Pycharm第三方库的安装及使用方法
2020/12/29 Python
详解canvas.toDataURL()报错的解决方案全都在这了
2020/03/31 HTML / CSS
电气工程和自动化自荐信范文
2013/12/25 职场文书
项目总经理岗位职责
2014/02/14 职场文书
标准离婚协议书范文下载
2014/11/30 职场文书
2016新教师培训心得体会范文
2016/01/08 职场文书
2016党风廉政建设心得体会范文
2016/01/25 职场文书
聊一聊Redis与MySQL双写一致性如何保证
2021/06/26 Redis
使用jpa之动态插入与修改(重写save)
2021/11/23 Java/Android
分析SQL窗口函数之取值窗口函数
2022/04/21 Oracle