DevTools: Show GPU utilization bar on timeline

Source/devtools/front_end/timelinePanel.css

Index: Source/devtools/front_end/timelinePanel.css
diff --git a/Source/devtools/front_end/timelinePanel.css b/Source/devtools/front_end/timelinePanel.css
index 36483ada145e00c3b8c479fdd943f52cfe4c4288..783e9dc0c1578a957c9276b57cdf7c5b81ab511c 100644
--- a/Source/devtools/front_end/timelinePanel.css
+++ b/Source/devtools/front_end/timelinePanel.css
@@ -518,8 +518,8 @@
     height: 19px;
     overflow: hidden;
     background-color: rgb(220, 220, 220);
-    opacity: 0.6;
-    color: #222;
+    opacity: 0.8;
+    color: black;
     text-align: center;
     padding-top: 3px;
     z-index: 350;
@@ -535,23 +535,30 @@
     pointer-events: none;
 }
 
-.timeline-cpu-bars {
-    position: absolute;
-    top: 0;
+.timeline-utilization-strips {
     height: 19px;
+    padding: 1px 0;
+}
+
+.timeline-utilization-strip {
     z-index: 350;
-    width: 100%;
     overflow: hidden;
+    flex: auto;
+    position: relative;
 }
 
-.timeline-cpu-bars .timeline-graph-bar {
+.timeline-utilization-strip .timeline-graph-bar {
     border-color: rgb(192, 192, 192);
     background-color: rgba(0, 0, 0, 0.1);
-    top: 4px;
-    bottom: 4px;
+    margin: 1.5px auto;
     height: auto;
 }
 
+.timeline-utilization-strip.gpu .timeline-graph-bar {
+    background-color: red;
+    border: none;
+}
+
 .timeline-cpu-curtain-left, .timeline-cpu-curtain-right {
     background-color: rgba(0, 0, 0, 0.15);
     position: absolute;