progress组件(进度条)
progress组件:进度条
progress组件的属性:
percent:类型:number 设置百分比 (0~100)
show-info:类型:布尔 在进度条右侧显示百分比
border-radius:类型:number 圆角大小
font-size:类型:number 右侧百分比字体大小
stroke-width:类型:number 进度条线的宽度
activeColor:类型:string 已选择的进度条的颜色
backgroundColor:类型:string 未选择进度条的颜色
active:类型:布尔 进度条从左往右的动画
active-mode:类型:字符串 如何播放动画
属性值:
backwards:动画从头播放
forwards:动画从上次结束点接着播
事件:
bindlactiveend:动画完成事件
转载于:https://www.cnblogs.com/shangjun6/p/10896272.html
progress组件(进度条)相关推荐
- CodeProject每日精选: Progress controls 进度条
CodeProject每日精选: Progress controls 进度条 (转) 作者 阿鸟 An animated progressbar control with many extras B ...
- Python progress - 文本进度条
Python progress - 文本进度条 https://pypi.org/project/progress/ https://github.com/verigak/progress Proje ...
- 【鸿蒙 HarmonyOS】UI 组件 ( 进度条 ProgressBar 和 RoundProgressBar 组件 )
文章目录 一.布局中设置 ProgressBar.RoundProgressBar 进度条 二.代码中设置 ProgressBar.RoundProgressBar 进度条 三.完整代码示例 四.Gi ...
- IOS 开发 UIProgress 和 UISlidre 进度条和滑动条组件
进度条和滑动条组件非常常见,在ios中进度条组件是无法响应事件的.滑动条可响应事件.但是这两个组件均不可设置高度,可设置x,y,width 进度条属性 名称 类型 说明 默认值 progressVie ...
- 进度条媒体对象和Well组件
一.Well组件 这个组件可以实现简单的嵌入效果. //嵌入效果 <div class="well">Bootstrap</div> //有lg和sm两种可 ...
- Bootstrap(10) 进度条媒体对象和 Well 组件
一.Well 组件 这个组件可以实现简单的嵌入效果. <!-- //嵌入效果 --><div class="well">Bootstrap</div& ...
- 第二百四十一节,Bootstrap进度条媒体对象和 Well 组件
第二百四十一节,Bootstrap进度条媒体对象和 Well 组件 学习要点: 1.Well 组件 2.进度条组件 3.媒体对象组件 本节课我们主要学习一下 Bootstrap 的三个组件功能:Wel ...
- Bootstrap 进度条媒体对象和 Well 组件
一.Well 组件 这个组件可以实现简单的嵌入效果. //嵌入效果 <div class="well"> Bootstrap </div> //有 lg 和 ...
- 第 11 章 进度条媒体对象和 Well 组件
本节课我们主要学习一下 Bootstrap 的三个组件功能:Well 组件.进度条组件.媒体对 象组件. 一.Well 组件 这个组件可以实现简单的嵌入效果. //嵌入效果 <div class ...
- bootstrap进度条媒体对象和Well组件
学习笔记 一.Well 组件 这个组件可以实现简单的嵌入效果. //嵌入效果 <div class="well"> Bootstrap </div> //有 ...
最新文章
- 年终收藏!吴恩达盘点2020年度AI热门事件
- (筆記) 如何使用Visual C++ 6.0開發Win32 DLL? (C/C++) (VC++)
- 数学之美番外篇:快排为什么那样快
- POJ 3061 (二分+前缀和or尺取法)
- java中的socket算法_GitHub - xiaohuiduan/pbft: pbft算法基于Socket的java实现
- Win7如何设置多个IP地址
- C++ operator操作符重载(++,--,-,+,())
- 在linux centos7上安装git
- python提取国家和地区信息
- cad插入块_CAD制图软件中如何快速绘制推拉窗平面简图
- 为什么博客图片不显示?
- H5使用photo-sphere-viewer.js实现360°全景
- RocketMQ 延迟队列
- 荣耀30 pro鸿蒙系统,爆料:荣耀 30 Pro已开始测试华为鸿蒙系统
- 人群计数之生成密度图
- 兄弟姐妹们,有没有啥开源的项目能加一下我吗?
- 计网实验c/c++ 电子邮件客户端程序实现发送接收邮件
- 关于Connections could not be acquired from the underlying database
- TC-流量整形与限速
- Linux 安装 MySQL 8.0