address comments

Author: tinayuangao

src/demo-app/a11y/progress-spinner/progress-spinner-a11y.html

@@ -1,14 +1,16 @@
 <section>
   <h2>Loading indicator (Indeterminate progress spinner)</h2>
-  <md-progress-spinner mode="indeterminate"
-                       [value]="loadingValue" color="primary" [strokeWidth]="1">
+  <md-progress-spinner mode="indeterminate" color="primary" [strokeWidth]="1">
   </md-progress-spinner>
-  <md-progress-spinner mode="indeterminate"
-                       [value]="loadingValue" color="accent"></md-progress-spinner>
+  <md-progress-spinner mode="indeterminate" color="accent"></md-progress-spinner>
+  <md-spinner color="warn"></md-spinner>
 </section>
 
 <section>
   <h2>Potion of completion (Determinate progress spinner) </h2>
-  <md-progress-spinner mode="indeterminate" color="primary"></md-progress-spinner>
-  <md-spinner color="warn"></md-spinner>
-</section>
+  <md-progress-spinner mode="determinate" color="primary"
+                       [value]="potionValue"></md-progress-spinner>
+  <md-progress-spinner mode="determinate" [strokeWidth]="1" color="warn"
+                       [value]="potionValue"></md-progress-spinner>
+
+</section>

src/demo-app/a11y/progress-spinner/progress-spinner-a11y.ts

@@ -6,5 +6,5 @@ import {Component} from '@angular/core';
   templateUrl: 'progress-spinner-a11y.html'
 })
 export class ProgressSpinnerAccessibilityDemo {
-  loadingValue: number = 30;
+  potionValue: number = 60;
 }