描述
进度条可用于向用户显示资产加载或任务进度.您可以使用进度条类指定进度条.当用户不知道请求的加载过程需要多长时间时,您可以使用 progressbar-infinite 类.
进度条JavaScript API
进度条可以与JavaScript API一起使用,以指定 show , hide 和 progress 属性使用以下方法 :
S .No | 方法 | 描述&安培;参数 |
---|---|---|
1 | myApp.setProgressbar(容器,进度,速度) | 它设置任务进度的进度条.
|
2 | myApp.hideProgressbar(包含呃) | 它隐藏了进度条.
|
3 | myApp.showProgressbar(包含,进度,颜色) | 显示进度条.
|
示例
以下示例显示动画确定和不确定进度条,以指示Framework7中的活动 :
Progress Bar Progress BarDeterminate Progress BarInline determinate progress bar:
Loads and hides the determinate progress bar:
Displays the determinate progress bar on top:
Infinite Progress BarInline infinite progress bar:
Displays the infinite progress bar in multiple colors:
Displays the infinite progress bar on top:
Displays the infinite progress bar in multiple colors on top:
Different types of colored progress bars: