Make all the polymer elements CSP compliant.

elements/viewer-progress-bar/viewer-progress-bar.html

Index: elements/viewer-progress-bar/viewer-progress-bar.html
diff --git a/elements/viewer-progress-bar/viewer-progress-bar.html b/elements/viewer-progress-bar/viewer-progress-bar.html
index 426101f2d0b08160541b42deb8746bd70fa0543b..bc16ef7a383ea5846e823d5eac0219ec9dc8a68c 100644
--- a/elements/viewer-progress-bar/viewer-progress-bar.html
+++ b/elements/viewer-progress-bar/viewer-progress-bar.html
@@ -8,45 +8,5 @@
   </div>
   <div id="text">{{text}}</div>
 </template>
-<script>
-  Polymer('viewer-progress-bar', {
-    progress: 0,
-    text: 'Loading',
-    numSegments: 8,
-    segments: [],
-    ready: function() {
-      this.numSegmentsChanged();
-    },
-    progressChanged: function() {
-      var numVisible = this.progress * this.segments.length / 100.0;
-      for (var i = 0; i < this.segments.length; i++) {
-        this.segments[i].style.visibility =
-            i < numVisible ? 'visible' : 'hidden';
-      }
-
-      if (this.progress >= 100 || this.progress < 0)
-        this.style.opacity = 0;
-    },
-    numSegmentsChanged: function() {
-      // Clear the existing segments.
-      this.segments = [];
-      var segmentsElement = this.$.segments;
-      segmentsElement.innerHTML = '';
-
-      // Create the new segments.
-      var segment = document.createElement('li');
-      segment.classList.add('segment');
-      var angle = 360 / this.numSegments;
-      for (var i = 0; i < this.numSegments; ++i) {
-        var segmentCopy = segment.cloneNode(true);
-        segmentCopy.style.webkitTransform =
-            'rotate(' + (i * angle) + 'deg) skewY(' +
-            -1 * (90 - angle) + 'deg)';
-        segmentsElement.appendChild(segmentCopy);
-        this.segments.push(segmentCopy);
-      }
-      this.progressChanged();
-    }
-  });
-</script>
+<script src="viewer-progress-bar.js"></script>
 </polymer-element>