1
- # md-progress-circle
1
+ # md-progress-spinner
2
2
3
- ` md-progress-circle ` is a component for indicating progress and activity, matching the spec of
3
+ ` md-progress-spinner ` is a component for indicating progress and activity, matching the spec of
4
4
[ Material Design Progress & Activity] ( https://www.google.com/design/spec/components/progress-activity.html ) .
5
5
6
6
### Progress Modes
7
7
8
8
There are two modes:
9
- 1 . Determinate - ` <md-progress-circle mode="determinate"> `
9
+ 1 . Determinate - ` <md-progress-spinner mode="determinate"> `
10
10
* Indicates how long an operation will take when the percentage complete is detectable.
11
- 2 . Indeterminate - ` <md-progress-circle mode="indeterminate"> ` or ` <md-spinner> `
11
+ 2 . Indeterminate - ` <md-progress-spinner mode="indeterminate"> ` or ` <md-spinner> `
12
12
* Indicates the user must wait while something finishes when it’s not necessary or possible to indicate how long it
13
13
will take.
14
14
15
15
Example:
16
16
17
17
``` html
18
- <md-progress-circle mode =" determinate" [value] =" myValue" ></md-progress-circle >
19
- <md-progress-circle mode =" indeterminate" ></md-progress-circle >
18
+ <md-progress-spinner mode =" determinate" [value] =" myValue" ></md-progress-spinner >
19
+ <md-progress-spinner mode =" indeterminate" ></md-progress-spinner >
20
20
<md-spinner ></md-spinner >
21
21
```
22
22
@@ -27,9 +27,9 @@ All progress indicators can be themed to match your "primary" palette, your "acc
27
27
Example:
28
28
29
29
``` html
30
- <md-progress-circle mode =" indeterminate" color =" primary" ></md-progress-circle >
31
- <md-progress-circle mode =" indeterminate" color =" accent" ></md-progress-circle >
32
- <md-progress-circle mode =" indeterminate" color =" warn" ></md-progress-circle >
30
+ <md-progress-spinner mode =" indeterminate" color =" primary" ></md-progress-spinner >
31
+ <md-progress-spinner mode =" indeterminate" color =" accent" ></md-progress-spinner >
32
+ <md-progress-spinner mode =" indeterminate" color =" warn" ></md-progress-spinner >
33
33
```
34
34
35
35
### Accessibility
0 commit comments