Home > SYS_LoadingAndProgressBar > showProgressBar
SYS_LoadingAndProgressBar.showProgressBar() method
Show the progress bar or set its progress
Signature
typescript
function showProgressBar(progress?: number, title?: string): void;1
Parameters
Parameter | Type | Description |
|---|---|---|
progress | number | (Optional) Progress value, value range |
title | string | (Optional) Progress bar title |
Returns
void
Remarks
When the progress reaches 100, the progress bar will be automatically destroyed
Example
javascript
// 1. 显示进度条并指定标题(同步调用,无返回值)
eda.sys_LoadingAndProgressBar.showProgressBar(30, '嘉立创示例 正在处理');
console.log('进度条已显示,当前进度 30%');
// 2. 重复调用刷新进度(分批任务逐步推进的典型方式)
await new Promise(r => setTimeout(r, 800));
eda.sys_LoadingAndProgressBar.showProgressBar(70, '嘉立创示例 正在处理');
console.log('进度已更新到 70%');
// 3. 进度达到 100,进度条自动销毁(自清理,无需手动 destroy)
await new Promise(r => setTimeout(r, 800));
eda.sys_LoadingAndProgressBar.showProgressBar(100, '嘉立创示例 正在处理');
console.log('进度达到 100%,进度条已自动销毁');1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13