diff --git a/tensorflow/tensorboard/components/vz_projector/logging.ts b/tensorflow/tensorboard/components/vz_projector/logging.ts
index 290a8bb2034..e9286c070b4 100644
--- a/tensorflow/tensorboard/components/vz_projector/logging.ts
+++ b/tensorflow/tensorboard/components/vz_projector/logging.ts
@@ -46,8 +46,9 @@ export function setModalMessage(msg: string, id: string = null,
   let dialog = dom.querySelector('#notification-dialog') as any;
   dialog.querySelector('.close-button').style.display =
       showCloseButton ? null : 'none';
-  dialog.querySelector('.progress-bar').style.display =
-      showCloseButton ? 'none' : null;
+  let spinner = dialog.querySelector('.progress');
+  spinner.style.display = showCloseButton ? 'none' : null;
+  spinner.active = showCloseButton ? null : true;
   dialog.querySelector('#notification-title').innerHTML = title;
   let msgsContainer = dialog.querySelector('#notify-msgs') as HTMLElement;
   let divId = `notify-msg-${id}`;
@@ -84,4 +85,4 @@ export function setWarningMessage(msg: string): void {
   toast.text = msg;
   toast.duration = WARNING_DURATION_MS;
   toast.open();
-}
\ No newline at end of file
+}
diff --git a/tensorflow/tensorboard/components/vz_projector/vz-projector.html b/tensorflow/tensorboard/components/vz_projector/vz-projector.html
index bf70b0f8d06..ee9b164a6e7 100644
--- a/tensorflow/tensorboard/components/vz_projector/vz-projector.html
+++ b/tensorflow/tensorboard/components/vz_projector/vz-projector.html
@@ -30,7 +30,7 @@ limitations under the License.
 <link rel="import" href="../paper-dialog/paper-dialog.html">
 <link rel="import" href="../paper-toast/paper-toast.html">
 <link rel="import" href="../paper-styles/typography.html">
-<link rel="import" href="../paper-progress/paper-progress.html">
+<link rel="import" href="../paper-spinner/paper-spinner-lite.html">
 <link rel="import" href="../paper-dialog-scrollable/paper-dialog-scrollable.html">
 
 <link rel="import" href="vz-projector-bookmark-panel.html">
@@ -139,10 +139,9 @@ limitations under the License.
   text-transform: uppercase;
 }
 
-#notification-dialog paper-progress {
-  --paper-progress-indeterminate-cycle-duration: 1s;
-  --paper-progress-active-color: #880E4F;
-  width: 100%;
+#notification-dialog .progress {
+  --paper-spinner-color: #880E4F;
+  --paper-spinner-stroke-width: 2px;
 }
 
 #notify-msgs {
@@ -272,7 +271,7 @@ limitations under the License.
   <paper-dialog-scrollable>
     <div id="notify-msgs"></div>
   </paper-dialog-scrollable>
-  <div><paper-progress class="progress-bar" indeterminate></paper-progress></div>
+  <div style="text-align: center;"><paper-spinner-lite active class="progress"></paper-spinner-lite></div>
   <div class="buttons">
     <paper-button class="close-button" dialog-confirm autofocus>Close</paper-button>
   </div>