diff --git a/e2e/components/progress-circle/progress-circle.e2e.ts b/e2e/components/progress-circle/progress-circle.e2e.ts
new file mode 100644
index 00000000000..9dcbdeefe0f
--- /dev/null
+++ b/e2e/components/progress-circle/progress-circle.e2e.ts
@@ -0,0 +1,15 @@
+describe('progress-circle', () => {
+  beforeEach(() => browser.get('/progress-circle'));
+
+  it('should render a determinate progress circle', () => {
+    expect(element(by.css('md-progress-circle')).isPresent()).toBe(true);
+  });
+
+  it('should render an indeterminate progress circle', () => {
+    expect(element(by.css('md-progress-circle[mode="indeterminate"]')).isPresent()).toBe(true);
+  });
+
+  it('should render a spinner', () => {
+    expect(element(by.css('md-spinner')).isPresent()).toBe(true);
+  });
+});
diff --git a/src/e2e-app/e2e-app-module.ts b/src/e2e-app/e2e-app-module.ts
index a6cba539978..685c59cdac8 100644
--- a/src/e2e-app/e2e-app-module.ts
+++ b/src/e2e-app/e2e-app-module.ts
@@ -12,6 +12,7 @@ import {DialogE2E, TestDialog} from './dialog/dialog-e2e';
 import {GridListE2E} from './grid-list/grid-list-e2e';
 import {ListE2E} from './list/list-e2e';
 import {ProgressBarE2E} from './progress-bar/progress-bar-e2e';
+import {ProgressCircleE2E} from './progress-circle/progress-circle-e2e';
 import {MaterialModule} from '@angular/material';
 import {E2E_APP_ROUTES} from './e2e-app/routes';
 
@@ -36,6 +37,7 @@ import {E2E_APP_ROUTES} from './e2e-app/routes';
     GridListE2E,
     ListE2E,
     ProgressBarE2E,
+    ProgressCircleE2E,
   ],
   bootstrap: [E2EApp],
   providers: [
diff --git a/src/e2e-app/e2e-app/e2e-app.html b/src/e2e-app/e2e-app/e2e-app.html
index 062365134b1..c8e4c60cee4 100644
--- a/src/e2e-app/e2e-app/e2e-app.html
+++ b/src/e2e-app/e2e-app/e2e-app.html
@@ -6,6 +6,7 @@
 <a md-list-item [routerLink]="['list']">List</a>
 <a md-list-item [routerLink]="['menu']">Menu</a>
 <a md-list-item [routerLink]="['progress-bar']">Progress bar</a>
+<a md-list-item [routerLink]="['progress-circle']">Progress circle</a>
 <a md-list-item [routerLink]="['radio']">Radios</a>
 <a md-list-item [routerLink]="['tabs']">Tabs</a>
 
diff --git a/src/e2e-app/e2e-app/routes.ts b/src/e2e-app/e2e-app/routes.ts
index 7fe235abeb9..9f1733524ef 100644
--- a/src/e2e-app/e2e-app/routes.ts
+++ b/src/e2e-app/e2e-app/routes.ts
@@ -10,6 +10,7 @@ import {DialogE2E} from '../dialog/dialog-e2e';
 import {GridListE2E} from '../grid-list/grid-list-e2e';
 import {ListE2E} from '../list/list-e2e';
 import {ProgressBarE2E} from '../progress-bar/progress-bar-e2e';
+import {ProgressCircleE2E} from '../progress-circle/progress-circle-e2e';
 
 export const E2E_APP_ROUTES: Routes = [
   {path: '', component: Home},
@@ -23,4 +24,5 @@ export const E2E_APP_ROUTES: Routes = [
   {path: 'grid-list', component: GridListE2E},
   {path: 'list', component: ListE2E},
   {path: 'progress-bar', component: ProgressBarE2E},
+  {path: 'progress-circle', component: ProgressCircleE2E},
 ];
diff --git a/src/e2e-app/progress-circle/progress-circle-e2e.html b/src/e2e-app/progress-circle/progress-circle-e2e.html
new file mode 100644
index 00000000000..5bc56d5e695
--- /dev/null
+++ b/src/e2e-app/progress-circle/progress-circle-e2e.html
@@ -0,0 +1,3 @@
+<md-progress-circle [value]="57"></md-progress-circle>
+<md-progress-circle mode="indeterminate"></md-progress-circle>
+<md-spinner></md-spinner>
diff --git a/src/e2e-app/progress-circle/progress-circle-e2e.ts b/src/e2e-app/progress-circle/progress-circle-e2e.ts
new file mode 100644
index 00000000000..9916dafb6f6
--- /dev/null
+++ b/src/e2e-app/progress-circle/progress-circle-e2e.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  moduleId: module.id,
+  selector: 'progress-circle-e2e',
+  templateUrl: 'progress-circle-e2e.html',
+})
+export class ProgressCircleE2E { }