javascript - 如何使用 Javascript 手动显示 Windows 8 Metro 加载轮/加载点

Question

在 ListViews 或类似上使用数据源时，会出现 Windows 8 加载轮。这很好，但我仍然想在我选择的容器中手动启动和停止这个装载轮。我也想知道如何使用加载点。我怎么能做到这一点？

Answer 1

感谢 Jevar 的建议，我设法找到了添加进度控件的快速入门指南。我想要的确实是一个 ProgressRing，更特别是一个不确定的进度环。这是在 HTML/JS 中的完成方式

HTML：

<label class="progressRingText">
    <progress class="win-ring withText"></progress>Processing</label>

CSS

progress.withText
{
    color: inherit; /* Uses the same text color as the page */
    vertical-align: text-bottom; /* Makes the bottom of the control align with the bottom of its label */
}

/* Text style for a label for the progress ring */
.progressRingText
{
    font-family: "Segoe UI";
}

/* Text style for a label for a default size progress ring */
.progressRingText
{
    font-size: 11pt;
    line-height: 15pt;
}

/* The margin to separate the ring and its label */
.progressRingText progress
{
    margin-right: 5px;
}

Answer 2

使用相同的宽度和高度

进步

例如

<progress style="width:50px;height:50px;">

元素，你会得到那个效果。