系统相关
首页 > 系统相关> > 如何使用Javascript手动显示Windows 8 Metro加载轮/加载点

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

作者:互联网

在ListViews或类似位置上使用数据源时,将出现Windows 8加载轮.很好,但是我仍然想在我选择的容器中手动启动和停止此装载轮.我也想知道如何使用加载点.我该如何实现呢?

解决方法:

感谢Jevar的建议,我设法找到了Quickstart指南来添加进度控件.我真正想要的是一个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;
}

标签:winjs,microsoft-metro,javascript
来源: https://codeday.me/bug/20191201/2078045.html