Index: third_party/polymer/components/paper-progress/demo.html |
diff --git a/third_party/polymer/components/paper-progress/demo.html b/third_party/polymer/components/paper-progress/demo.html |
deleted file mode 100644 |
index 7a17bea503f4cd97f6941030ad4e3ca826301e9e..0000000000000000000000000000000000000000 |
--- a/third_party/polymer/components/paper-progress/demo.html |
+++ /dev/null |
@@ -1,98 +0,0 @@ |
-<!doctype html> |
-<html> |
-<head> |
- <title>paper-progress</title> |
- |
- <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> |
- <meta name="mobile-web-app-capable" content="yes"> |
- <meta name="apple-mobile-web-app-capable" content="yes"> |
- |
- <script src="../platform/platform.js"></script> |
- |
- <link rel="import" href="paper-progress.html"> |
- <link rel="import" href="../paper-button/paper-button.html"> |
- |
- <style shim-shadowdom> |
- |
- body { |
- font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; |
- margin: 0; |
- padding: 24px; |
- } |
- |
- paper-progress { |
- display: block; |
- width: 100%; |
- padding: 25px 0; |
- } |
- |
- paper-progress.pink::shadow #activeProgress { |
- background-color: #e91e63; |
- } |
- |
- paper-progress.pink::shadow #secondaryProgress { |
- background-color: #f8bbd0; |
- } |
- |
- </style> |
- |
-</head> |
-<body unresolved> |
- |
- <paper-progress></paper-progress> |
- |
- <paper-button raisedButton label="Start" onclick="startProgress();"></paper-button> |
- |
- <br><br><br> |
- |
- <paper-progress value="40"></paper-progress><br> |
- |
- <paper-progress value="800" min="100" max="1000"></paper-progress><br> |
- |
- <paper-progress value="40" secondaryProgress="80"></paper-progress><br> |
- |
- <paper-progress value="200" max="200"></paper-progress><br> |
- |
- <paper-progress class="pink" value="80"></paper-progress><br> |
- |
- <paper-progress class="pink" value="40" secondaryProgress="80"></paper-progress> |
- |
- <script> |
- |
- var progress = document.querySelector('paper-progress'); |
- var button = document.querySelector('paper-button'); |
- |
- var repeat, maxRepeat = 5, animating = false; |
- |
- function nextProgress() { |
- animating = true; |
- if (progress.value < progress.max) { |
- progress.value += (progress.step || 1); |
- } else { |
- if (++repeat >= maxRepeat) { |
- animating = false; |
- button.disabled = false; |
- return; |
- } |
- progress.value = progress.min; |
- } |
- progress.async(nextProgress); |
- } |
- |
- function startProgress() { |
- repeat = 0; |
- progress.value = progress.min; |
- button.disabled = true; |
- if (!animating) { |
- nextProgress(); |
- } |
- } |
- |
- addEventListener('polymer-ready', function() { |
- startProgress(); |
- }); |
- |
- </script> |
- |
-</body> |
-</html> |