DevTools: Update network overview with two level bars.

third_party/WebKit/Source/devtools/front_end/timeline/TimelineNetworkFlameChart.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @implements {PerfUI.FlameChartDataProvider}
  * @unrestricted
  */
 Timeline.TimelineFlameChartNetworkDataProvider = class {
   /**
@@ skipping 280 matching lines @@
     }
     contents.createChild('span').textContent = request.url.trimMiddle(maxURLChars);
     return element;
   }
 
   /**
    * @param {string} priority
    * @return {?string}
    */
   _colorForPriority(priority) {
-    switch (/** @type {!Protocol.Network.ResourcePriority} */ (priority)) {
-      case Protocol.Network.ResourcePriority.VeryLow:
-        return '#080';
-      case Protocol.Network.ResourcePriority.Low:
-        return '#6c0';
-      case Protocol.Network.ResourcePriority.Medium:
-        return '#fa0';
-      case Protocol.Network.ResourcePriority.High:
-        return '#f60';
-      case Protocol.Network.ResourcePriority.VeryHigh:
-        return '#f00';
+    if (!this._priorityToValue) {
+      var priorities = Protocol.Network.ResourcePriority;
+      this._priorityToValue = new Map([
+        [priorities.VeryLow, 1],
+        [priorities.Low, 2],
+        [priorities.Medium, 3],
+        [priorities.High, 4],
+        [priorities.VeryHigh, 5]]);
     }
-    return null;
+    var value = this._priorityToValue.get(priority);
+    return value ? `hsla(214, 80%, 50%, ${value / 5})` : null;
   }
 
   /**
    * @param {!Array.<!SDK.TracingModel.Event>} events
    */
   _appendTimelineData(events) {
     this._minimumBoundary = this._model.minimumRecordTime();
     this._maximumBoundary = this._model.maximumRecordTime();
     this._timeSpan = this._model.isEmpty() ? 1000 : this._maximumBoundary - this._minimumBoundary;
     this._model.networkRequests().forEach(this._appendEntry.bind(this));
@@ skipping 58 matching lines @@
 
   /**
    * @override
    * @param {number} entryIndex
    * @return {boolean}
    */
   canJumpToEntry(entryIndex) {
     return false;
   }
 };