MD History: Add spinners when new data is loading or searching

chrome/browser/resources/md_history/history.js

Index: chrome/browser/resources/md_history/history.js
diff --git a/chrome/browser/resources/md_history/history.js b/chrome/browser/resources/md_history/history.js
index b3678e8ecfc0ccdc9f990b594e6446f824262551..92fa3b1e080f3ff18d9ea9be02236385bc83c334 100644
--- a/chrome/browser/resources/md_history/history.js
+++ b/chrome/browser/resources/md_history/history.js
@@ -66,6 +66,7 @@ window.addEventListener('delete-selected', function() {
 window.addEventListener('search-changed', function(e) {
   $('toolbar').setSearchTerm(e.detail.search);
   /** @type {HistoryListElement} */($('history-list')).setLoading();
+  /** @type {HistoryToolbarElement} */($('toolbar')).setSearching();
   chrome.send('queryHistory', [e.detail.search, 0, 0, 0, RESULTS_PER_PAGE]);
 });
 
@@ -90,6 +91,10 @@ function historyResult(info, results) {
   waitForUpgrade(listElem).then(function() {
     var list = /** @type {HistoryListElement} */(listElem);
     list.addNewResults(results, info.term);
+    var toolbarElem = $('toolbar');
+    waitForUpgrade(toolbarElem).then(function() {
+      toolbarElem.searchingFinished();
+    });
     if (info.finished)
       list.disableResultLoading();
     // TODO(tsergeant): Showing everything as soon as the list is ready is not