微信小程序 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 相关文章推荐
使用jQuery轻松实现Ajax的实例代码
Aug 16 Javascript
jQuery图片滚动图片的效果(另类实现)
Jun 02 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
Vue的Flux框架之Vuex状态管理器
Jul 30 Javascript
ionic3实战教程之随机布局瀑布流的实现方法
Dec 28 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
Feb 13 jQuery
Angular @HostBinding()和@HostListener()用法
Mar 05 Javascript
vue 设置proxyTable参数进行代理跨域
Apr 09 Javascript
微信小程序通过js实现瀑布流布局详解
Aug 28 Javascript
解决echarts 一条柱状图显示两个值,类似进度条的问题
Jul 20 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与Ajax相结合实现登录验证小Demo
2016/03/16 PHP
PHP实现无限分类的实现方法
2016/11/14 PHP
10个新的最有前途的JavaScript框架
2009/03/12 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
2009/10/22 Javascript
JS给超链接加确认对话框的方法
2015/02/24 Javascript
浅谈angular.js中实现双向绑定的方法$watch $digest $apply
2015/10/14 Javascript
jQuery中的siblings用法实例分析
2015/12/24 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
Angular.js实现注册系统的实例详解
2016/12/18 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
Angularjs为ng-click事件传递参数
2017/06/15 Javascript
5 种JavaScript编码规范
2018/01/30 Javascript
浅谈webpack打包生成的bundle.js文件过大的问题
2018/02/22 Javascript
vue渲染时闪烁{{}}的问题及解决方法
2018/03/28 Javascript
JS实现左边列表移到到右边列表功能
2018/03/28 Javascript
JS实现图片上传多次上传同一张不生效的处理方法
2018/08/06 Javascript
JavaScript对象的特性与实践应用深入详解
2018/12/30 Javascript
countUp.js实现数字动态变化效果
2019/10/17 Javascript
python批量生成本地ip地址的方法
2015/03/23 Python
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
python编程实现希尔排序
2017/04/13 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
Python实现数据结构线性链表(单链表)算法示例
2019/05/04 Python
在win10和linux上分别安装Python虚拟环境的方法步骤
2019/05/09 Python
python框架flask表单实现详解
2019/11/04 Python
numpy:找到指定元素的索引示例
2019/11/26 Python
numpy.transpose()实现数组的转置例子
2019/12/02 Python
python pymysql库的常用操作
2020/10/16 Python
canvas生成带二维码海报的踩坑记录
2019/09/11 HTML / CSS
Finishline官网:美国一家领先的运动品牌鞋类、服装零售商
2016/07/20 全球购物
英国最大的香水商店:The Fragrance Shop
2018/07/06 全球购物
大学四年规划书范文
2013/12/27 职场文书
中学生寄语大全
2014/04/03 职场文书
2014年信贷员工作总结
2014/11/18 职场文书
压缩Redis里的字符串大对象操作
2021/06/23 Redis
springcloud整合seata
2022/05/20 Java/Android