html - winjs中的模态不确定进度环实现

Question

我正在尝试实现“Modal Indeterminate Progress Ring”，它将阻止任何用户活动。我能够实现的是使用以下代码片段的非模态进度条：

var progress = document.createElement("progress");
progress.className = "win-ring win-large";
progress.id = "progressRing"; document.getElementById("section").appendChild(progress);

有什么建议我缺少什么吗？

Answer 1

进度条不会自动强制“模态状态”。由您来创建“模态”的用户体验，然后使用不确定的进度环向用户显示应用程序很忙，现在无法使用。

如文档所示：

通过禁用应用栏中的控件并忽略内容区域中的输入来禁用任务期间的交互。

您的代码负责在忙碌状态下适当地“禁用”应用程序。