如何使用Javascript手動顯示Windows 8地鐵加載輪/加載點

Question

在ListViews或類似程序上使用數據源時，會顯示Windows 8加載輪。這很好，但我仍然想要在我選擇的容器中手動啓動和停止裝載輪。我也想知道如何使用加載點。我怎麼能夠實現這個目標呢？

Answer 1

由於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; 
} 

Answer 2

使用的

進度相同的寬度和高度

例如

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

元素，你會得到這種效果。