Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(99)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: polymer_1.2.3/bower_components/paper-progress/demo/index.html

Issue 1581713003: [third_party] add polymer 1.2.3 (Closed) Base URL: https://chromium.googlesource.com/infra/third_party/npm_modules.git@master
Patch Set: 1.2.3 Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « polymer_1.2.3/bower_components/paper-progress/bower.json ('k') | polymer_1.2.3/bower_components/paper-progress/hero.svg » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- 1 <!--
2 @license 2 @license
3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved. 3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE 4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt
5 The complete set of authors may be found at http://polymer.github.io/AUTHORS 5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS 6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt
7 Code distributed by Google as part of the polymer project is also 7 Code distributed by Google as part of the polymer project is also
8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS 8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt
9 --> 9 -->
10 <!doctype html> 10 <!doctype html>
11 <html> 11 <html>
12 <head> 12 <head>
13 <title>paper-progress demo</title> 13 <title>paper-progress demo</title>
14 14
15 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1, user-scalable=yes"> 15 <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial- scale=1, user-scalable=yes">
16 <meta name="mobile-web-app-capable" content="yes"> 16 <meta name="mobile-web-app-capable" content="yes">
17 <meta name="apple-mobile-web-app-capable" content="yes"> 17 <meta name="apple-mobile-web-app-capable" content="yes">
18 18
19 <script src="../../webcomponentsjs/webcomponents-lite.js"></script> 19 <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
20 <link rel="import" href="../../paper-styles/paper-styles.html"> 20 <link rel="import" href="../../paper-styles/color.html">
21 <link rel="import" href="../../paper-styles/demo-pages.html"> 21 <link rel="import" href="../../paper-styles/demo-pages.html">
22 <link rel="import" href="../paper-progress.html"> 22 <link rel="import" href="../paper-progress.html">
23 <link rel="import" href="../../paper-button/paper-button.html"> 23 <link rel="import" href="../../paper-button/paper-button.html">
24 24
25 <style is="custom-style"> 25 <style is="custom-style">
26 body { 26 body {
27 padding: 40px; 27 padding: 40px;
28 } 28 }
29 29
30 paper-progress { 30 paper-progress {
31 display: block; 31 display: block;
32 width: 100%; 32 width: 100%;
33 padding-top: 20px; 33 margin: 20px 0;
34 padding-bottom: 20px;
35 } 34 }
36 35
37 paper-progress.blue { 36 paper-progress.blue {
38 --paper-progress-active-color: var(--paper-light-blue-500); 37 --paper-progress-active-color: var(--paper-light-blue-500);
39 --paper-progress-secondary-color: var(--paper-light-blue-100); 38 --paper-progress-secondary-color: var(--paper-light-blue-100);
40 } 39 }
41 40
42 paper-progress.red { 41 paper-progress.red {
43 --paper-progress-active-color: var(--paper-red-500); 42 --paper-progress-active-color: var(--paper-red-500);
44 --paper-progress-secondary-color: var(--paper-red-100); 43 --paper-progress-secondary-color: var(--paper-red-100);
45 } 44 }
46 45
47 paper-progress.orange { 46 paper-progress.orange {
48 --paper-progress-active-color: var(--paper-orange-500); 47 --paper-progress-active-color: var(--paper-orange-500);
49 --paper-progress-secondary-color: var(--paper-orange-100); 48 --paper-progress-secondary-color: var(--paper-orange-100);
50 } 49 }
51 50
52 paper-progress.green { 51 paper-progress.green {
53 --paper-progress-active-color: var(--paper-light-green-500); 52 --paper-progress-active-color: var(--paper-light-green-500);
54 --paper-progress-secondary-color: var(--paper-light-green-100); 53 --paper-progress-secondary-color: var(--paper-light-green-100);
55 } 54 }
56 </style> 55 </style>
57 56
58 </head> 57 </head>
59 <body> 58 <body unresolved>
60 <div class="vertical layout"> 59 <div class="vertical-section-container">
61 <h4>Progress bar</h4> 60 <h4>Progress bar</h4>
62 <div class="vertical-section"> 61 <div class="vertical-section">
63 <paper-progress></paper-progress> 62 <paper-progress></paper-progress>
64 <paper-button raised onclick="startProgress();">Start</paper-button> 63 <paper-button raised onclick="startProgress();">Start</paper-button>
65 </div> 64 </div>
66 65
67 <h4>Indeterminate</h4> 66 <h4>Indeterminate</h4>
68 <div class="vertical-section"> 67 <div class="vertical-section">
69 <paper-progress indeterminate></paper-progress><br> 68 <paper-progress indeterminate></paper-progress><br>
70 <paper-progress class="blue" indeterminate alue="800" min="100" max="1000" ></paper-progress><br> 69 <paper-progress class="blue" indeterminate value="800" min="100" max="1000 "></paper-progress><br>
71 </div> 70 </div>
72 71
73 <h4>Color</h4> 72 <h4>Color</h4>
74 <div class="vertical-section"> 73 <div class="vertical-section">
75 <paper-progress value="40" class="blue"></paper-progress><br> 74 <paper-progress value="40" class="blue"></paper-progress><br>
76 <paper-progress value="800" min="100" max="1000" class="red"></paper-progr ess><br> 75 <paper-progress value="800" min="100" max="1000" class="red"></paper-progr ess><br>
77 <paper-progress value="40" class="orange"></paper-progress><br> 76 <paper-progress value="40" class="orange"></paper-progress><br>
78 <paper-progress value="200" max="200" class="green"></paper-progress><br> 77 <paper-progress value="200" max="200" class="green"></paper-progress><br>
79 <paper-progress value="40" secondary-progress="80" class="blue"></paper-pr ogress><br> 78 <paper-progress value="40" secondary-progress="80" class="blue"></paper-pr ogress><br>
80 </div> 79 </div>
(...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after
113 } 112 }
114 113
115 window.addEventListener('WebComponentsReady', function() { 114 window.addEventListener('WebComponentsReady', function() {
116 startProgress(); 115 startProgress();
117 }); 116 });
118 117
119 </script> 118 </script>
120 119
121 </body> 120 </body>
122 </html> 121 </html>
OLDNEW
« no previous file with comments | « polymer_1.2.3/bower_components/paper-progress/bower.json ('k') | polymer_1.2.3/bower_components/paper-progress/hero.svg » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698