logo

iMAG移动应用开发指南

Progress

进度条控件

标签

标签名 描述 说明
progress 进度条标签 用来表示数据正在加载

属性

属性名 取值 描述
id String id编码
type String 进度条类型,取值:
gray:灰色进度条度条,默认值
white:白色进度条
whitelarge:白色大进度条
style String
progress样式,包括:

方法

方法名 参数 返回值 描述
css(name:String) name:样式名称 String 根据样式名称得到样式的值
css(name:String, value:String)
name:样式名称
value:样式值
None 设置单个样式
css(style:String) style:样式文本,多个样式用分号分隔 None 设置多个样式
css(style:Object) style:样式对象,键值对形式 None 设置多个样式

控件详解

● 默认进度条

<progress/>

默认进度条是灰色的

● 白色进度条

<progress type="white"/>

当背景为黑色的时候需使用白色进度条,设置type="white"。type="gray"和type="white"在Android4.0以后的系统上显示效果没有区别,但在iOS和Android4.0之前的系统上差别明显。

● 大进度条

<progress type="whitelarge"/>

● 隐藏进度条

$('test_progress').css('display', 'none');
$('test_progress').css('display', 'hidden');

● 显示进度条

$('test_progress').css('display', 'block');

● 创建进度条

var progress = $C('<progress/>');
$('test_row').add(progress);

示例下载

请点此下载progress相关的示例代码:imag-progress.zip