third_party/polymer/components-chromium/paper-spinner/paper-spinner.html - Issue 1215543002: Remove Polymer 0.5.

Side by Side Diff: third_party/polymer/components-chromium/paper-spinner/paper-spinner.html

Issue 1215543002: Remove Polymer 0.5. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: fix unit test Created 5 years, 5 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:

« no previous file with comments | « third_party/polymer/components-chromium/paper-spinner/paper-spinner.css ('k') | third_party/polymer/components-chromium/paper-spinner/paper-spinner-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <!--

2 @license

3 Copyright (c) 2014 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polym er.github.io/LICENSE.txt

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/CO NTRIBUTORS.txt

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/P ATENTS.txt

9 --><html><head><link rel="import" href="../polymer/polymer.html">

10

11 <!--

12 Element providing material design circular spinner.

13

14 ##### Example

15

16 <paper-spinner active></paper-spinner>

17

18 The default spinner cycles between blue, red, yellow and green. It can be custom ized so

19 that it uses one color only.

20

21 ##### Example

22

23 <style shim-shadowdom>

24 paper-spinner.blue::shadow .circle {

25 border-color: #4285f4;

26 }

27 </style>

28

29 <paper-spinner class="blue" active></paper-spinner>

30

31 Alt attribute should be set to provide adequate context for accessibility. If no t provided,

32 it defaults to 'loading'.

33 Empty alt can be provided to mark the element as decorative if alternative conte nt is provided

34 in another form (e.g. a text block following the spinner).

35

36 ##### Example

37 <paper-spinner alt="Loading contacts list" active></paper-spinner>

38

39 @element paper-spinner

40 @blurb Element providing material design circular spinner.

41 @status alpha

42 @homepage http://polymerlabs.github.io/paper-spinner

43 -->

44

45 </head><body><polymer-element name="paper-spinner" attributes="active alt" role= "progressbar" assetpath="">

46 <template>

47 <link rel="stylesheet" href="paper-spinner.css">

48

49 <div id="spinnerContainer">

50 <div class="spinner-layer blue">

51 <div class="circle-clipper left">

52 <div class="circle" fit=""></div>

53 </div><div class="gap-patch">

54 <div class="circle" fit=""></div>

55 </div><div class="circle-clipper right">

56 <div class="circle" fit=""></div>

57 </div>

58 </div>

59

60 <div class="spinner-layer red">

61 <div class="circle-clipper left">

62 <div class="circle" fit=""></div>

63 </div><div class="gap-patch">

64 <div class="circle" fit=""></div>

65 </div><div class="circle-clipper right">

66 <div class="circle" fit=""></div>

67 </div>

68 </div>

69

70 <div class="spinner-layer yellow">

71 <div class="circle-clipper left">

72 <div class="circle" fit=""></div>

73 </div><div class="gap-patch">

74 <div class="circle" fit=""></div>

75 </div><div class="circle-clipper right">

76 <div class="circle" fit=""></div>

77 </div>

78 </div>

79

80 <div class="spinner-layer green">

81 <div class="circle-clipper left">

82 <div class="circle" fit=""></div>

83 </div><div class="gap-patch">

84 <div class="circle" fit=""></div>

85 </div><div class="circle-clipper right">

86 <div class="circle" fit=""></div>

87 </div>

88 </div>

89 </div>

90 </template>

91

92

93 </polymer-element>

94 <script charset="utf-8" src="paper-spinner-extracted.js"></script></body></html>

OLD	NEW