微信小程序 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插件tipswindown与hintbox冲突
Nov 05 Javascript
解决IE6的PNG透明JS插件使用介绍
Apr 17 Javascript
jquery设置text的值示例(设置文本框 DIV 表单值)
Jan 06 Javascript
input禁止键盘及中文输入,但可以点击
Feb 13 Javascript
JS中实现简单Formatter函数示例代码
Aug 19 Javascript
javascript实现数组中的内容随机输出
Aug 11 Javascript
JS实现网页顶部向下滑出的全国城市切换导航效果
Aug 22 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
Dec 12 Javascript
Canvas 绘制粒子动画背景
Feb 15 Javascript
PHP自动加载autoload和命名空间的应用小结
Dec 01 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
JavaScript实现美化滑块效果
May 17 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启动时候提示PHP startup的解决方法
2013/05/07 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
css值转换成数值请抛弃parseInt
2011/10/24 Javascript
JS 获取鼠标左右键的键值方法
2014/10/11 Javascript
jQuery制作拼图小游戏
2015/01/12 Javascript
jQuery实现的动态伸缩导航菜单实例
2015/05/07 Javascript
AngularJS 指令详细介绍
2016/07/27 Javascript
Three.js学习之文字形状及自定义形状
2016/08/01 Javascript
基于JS实现弹出一个隐藏的div窗口body页面变成灰色并且不可被编辑
2016/12/14 Javascript
JS生成随机打乱数组的方法示例
2017/12/23 Javascript
JS中的事件委托实例浅析
2018/03/22 Javascript
vue侧边栏动态生成下级菜单的方法
2018/09/07 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
微信小程序实现折线图的示例代码
2019/06/07 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
2019/12/07 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
Python数据分析之双色球基于线性回归算法预测下期中奖结果示例
2018/02/08 Python
django项目搭建与Session使用详解
2018/10/10 Python
用Python逐行分析文件方法
2019/01/28 Python
在Python中合并字典模块ChainMap的隐藏坑【推荐】
2019/06/27 Python
详解python实现交叉验证法与留出法
2019/07/11 Python
Django中Middleware中的函数详解
2019/07/18 Python
详解使用Python下载文件的几种方法
2019/10/13 Python
Python多线程及其基本使用方法实例分析
2019/10/29 Python
logging level级别介绍
2020/02/21 Python
django的autoreload机制实现
2020/06/03 Python
学习Python爬虫的几点建议
2020/08/05 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
新西兰演唱会和体育门票网站:Ticketmaster新西兰
2017/10/07 全球购物
美国最大的在线寄售和旧货店:Swap.com
2018/08/27 全球购物
介绍一下XMLHttpRequest对象
2012/02/12 面试题
任命书范本大全
2014/06/06 职场文书
单位工作证明范文
2014/09/14 职场文书
社区活动总结范文
2015/05/07 职场文书
婚礼伴郎致辞
2015/07/28 职场文书
JS class语法糖的深入剖析
2022/07/07 Javascript