mirror of
https://github.com/angular/angular.git
synced 2026-09-14 13:54:52 +08:00
docs: change progress-circle to progress-spinner (#2313)
* (docs): change progress-circle to progress-spinner Fix broken link and change docs to reflect renaming progress-circle to progress-spinner * (docs): fix alignment
This commit is contained in:
committed by
Jeremy Elbourn
parent
6262c0bae2
commit
daf894dc2f
@@ -55,7 +55,7 @@ High level items planned for December 2016:
|
||||
| list | Available | [README][8] | [#107][0107] |
|
||||
| grid-list | Available | [README][9] | - |
|
||||
| icon | Available | [README][10] | - |
|
||||
| progress-circle | Available | [README][11] | - |
|
||||
| progress-spinner | Available | [README][11] | - |
|
||||
| progress-bar | Available | [README][12] | - |
|
||||
| tabs | Available | [README][13] | - |
|
||||
| slide-toggle | Available | [README][14] | - |
|
||||
@@ -95,7 +95,7 @@ High level items planned for December 2016:
|
||||
[8]: https://github.com/angular/material2/blob/master/src/lib/list/README.md
|
||||
[9]: https://github.com/angular/material2/blob/master/src/lib/grid-list/README.md
|
||||
[10]: https://github.com/angular/material2/blob/master/src/lib/icon/README.md
|
||||
[11]: https://github.com/angular/material2/blob/master/src/lib/progress-circle/README.md
|
||||
[11]: https://github.com/angular/material2/blob/master/src/lib/progress-spinner/README.md
|
||||
[12]: https://github.com/angular/material2/blob/master/src/lib/progress-bar/README.md
|
||||
[13]: https://github.com/angular/material2/blob/master/src/lib/tabs/README.md
|
||||
[14]: https://github.com/angular/material2/blob/master/src/lib/slide-toggle/README.md
|
||||
|
||||
@@ -1,22 +1,22 @@
|
||||
# md-progress-circle
|
||||
# md-progress-spinner
|
||||
|
||||
`md-progress-circle` is a component for indicating progress and activity, matching the spec of
|
||||
`md-progress-spinner` is a component for indicating progress and activity, matching the spec of
|
||||
[Material Design Progress & Activity](https://www.google.com/design/spec/components/progress-activity.html).
|
||||
|
||||
### Progress Modes
|
||||
|
||||
There are two modes:
|
||||
1. Determinate - `<md-progress-circle mode="determinate">`
|
||||
1. Determinate - `<md-progress-spinner mode="determinate">`
|
||||
* Indicates how long an operation will take when the percentage complete is detectable.
|
||||
2. Indeterminate - `<md-progress-circle mode="indeterminate">` or `<md-spinner>`
|
||||
2. Indeterminate - `<md-progress-spinner mode="indeterminate">` or `<md-spinner>`
|
||||
* Indicates the user must wait while something finishes when it’s not necessary or possible to indicate how long it
|
||||
will take.
|
||||
|
||||
Example:
|
||||
|
||||
```html
|
||||
<md-progress-circle mode="determinate" [value]="myValue"></md-progress-circle>
|
||||
<md-progress-circle mode="indeterminate"></md-progress-circle>
|
||||
<md-progress-spinner mode="determinate" [value]="myValue"></md-progress-spinner>
|
||||
<md-progress-spinner mode="indeterminate"></md-progress-spinner>
|
||||
<md-spinner></md-spinner>
|
||||
```
|
||||
|
||||
@@ -27,9 +27,9 @@ All progress indicators can be themed to match your "primary" palette, your "acc
|
||||
Example:
|
||||
|
||||
```html
|
||||
<md-progress-circle mode="indeterminate" color="primary"></md-progress-circle>
|
||||
<md-progress-circle mode="indeterminate" color="accent"></md-progress-circle>
|
||||
<md-progress-circle mode="indeterminate" color="warn"></md-progress-circle>
|
||||
<md-progress-spinner mode="indeterminate" color="primary"></md-progress-spinner>
|
||||
<md-progress-spinner mode="indeterminate" color="accent"></md-progress-spinner>
|
||||
<md-progress-spinner mode="indeterminate" color="warn"></md-progress-spinner>
|
||||
```
|
||||
|
||||
### Accessibility
|
||||
|
||||
Reference in New Issue
Block a user