Index: chrome/browser/sync/resources/setting_up.html |
diff --git a/chrome/browser/sync/resources/setting_up.html b/chrome/browser/sync/resources/setting_up.html |
index 02f5bd3157b6b236ffd3d8cfcca9ccc1aed311ea..06d126262553dcdde4966c0eafbf07a06dc81816 100644 |
--- a/chrome/browser/sync/resources/setting_up.html |
+++ b/chrome/browser/sync/resources/setting_up.html |
@@ -36,13 +36,8 @@ html[os='mac'] input[type='button'], |
html[os='mac'] input[type='submit'] { |
font-size: 12pt; |
} |
-#throb { |
- background-image: url("../../../../app/resources/throbber.png"); |
- width: 16px; |
- height: 16px; |
- background-position: 0px; |
+#throbber { |
margin: -3px 10px; |
- display: inline-block; |
} |
#setting_up { |
margin: 100px; |
@@ -55,23 +50,19 @@ html[os='mac'] input[type='submit'] { |
} |
</style> |
+<link rel="stylesheet" href="chrome://resources/css/throbber.css"> |
<script src="chrome://resources/js/cr.js"></script> |
+<script src="chrome://resources/js/cr/ui.js"></script> |
+<script src="chrome://resources/js/cr/ui/throbber.js"> |
+<script src="chrome://resources/js/util.js"></script> |
<script> |
- function advanceThrobber() { |
- var throbber = document.getElementById('throb'); |
- throbber.style.backgroundPositionX = |
- ((parseInt(getComputedStyle(throbber).backgroundPositionX) - 16) % |
- 576) + 'px'; |
- } |
- setInterval(advanceThrobber, 30); |
+ cr.ui.Throbber.decorate($('throbber')); |
</script> |
</head> |
<body i18n-values=".style.fontFamily:fontfamily"> |
<form id="settingUpForm" onSubmit="return false;"> |
<div id="setting_up"> |
- <span id="throbber_container"> |
- <span id="throb"></span> |
- </span> |
+ <div id="throbber" class="throbber"></div> |
<div id="setting_up_label" i18n-content="settingup"></div> |
</div> |
<div class="sync-footer"> |