OLD | NEW |
1 <!-- | 1 <!-- |
2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. | 2 Copyright (c) 2014 The Polymer Project Authors. All rights reserved. |
3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt | 3 This code may only be used under the BSD style license found at http://polymer.g
ithub.io/LICENSE.txt |
4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt | 4 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt |
5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt | 5 The complete set of contributors may be found at http://polymer.github.io/CONTRI
BUTORS.txt |
6 Code distributed by Google as part of the polymer project is also | 6 Code distributed by Google as part of the polymer project is also |
7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt | 7 subject to an additional IP rights grant found at http://polymer.github.io/PATEN
TS.txt |
8 --><!-- | 8 --><!-- |
9 The `core-range` element is used for managing a numeric value within a given | 9 The `core-range` element is used for managing a numeric value within a given |
10 range. It has no visual appearance and is typically used in conjunction with | 10 range. It has no visual appearance and is typically used in conjunction with |
11 another element. | 11 another element. |
12 | 12 |
13 One can build a progress bar using `core-range` like this: | 13 One can build a progress bar using `core-range` like this: |
14 | 14 |
15 <core-range min="0" max="200" value="100" ratio="{{ratio}}"></core-range> | 15 <core-range min="0" max="200" value="100" ratio="{{ratio}}"></core-range> |
16 <div class="progress-bar" style="width: {{ratio}}%;"></div> | 16 <div class="progress-bar" style="width: {{ratio}}%;"></div> |
17 | 17 |
18 @group Polymer Core Elements | 18 @group Polymer Core Elements |
19 @element core-range | 19 @element core-range |
20 @homepage github.io | 20 @homepage github.io |
21 | 21 |
22 --><html><head><link rel="import" href="../polymer/polymer.html"> | 22 --><html><head><link rel="import" href="../polymer/polymer.html"> |
23 | 23 |
24 </head><body><polymer-element name="core-range" attributes="value min max step r
atio" assetpath=""> | 24 </head><body><polymer-element name="core-range" attributes="value min max step r
atio" assetpath=""> |
25 | 25 |
26 </polymer-element> | 26 </polymer-element> |
27 <script src="core-range-extracted.js"></script></body></html> | 27 <script charset="utf-8" src="core-range-extracted.js"></script></body></html> |
OLD | NEW |