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 a8c987122d22d8e0cfd041fd1d03348f93d779eb..9d13435392ca7863fb73c25a8cad319a692bcc5e 100644
--- a/Source/devtools/front_end/timelinePanel.css
+++ b/Source/devtools/front_end/timelinePanel.css
@@ -521,8 +521,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;
@@ -540,8 +540,8 @@
 
 .timeline-cpu-bars {
     position: absolute;
-    top: 0;
-    height: 19px;
+    top: 3px;
+    height: 13px;
     z-index: 350;
     width: 100%;
     overflow: hidden;
@@ -550,8 +550,25 @@
 .timeline-cpu-bars .timeline-graph-bar {
     border-color: rgb(192, 192, 192);
     background-color: rgba(0, 0, 0, 0.1);
-    top: 4px;
-    bottom: 4px;
+    top: 1px;
+    bottom: 1px;
+    height: auto;
+}
+
+.timeline-gpu-bars {
+    position: absolute;
+    top: 10px;
+    height: 8px;
+    z-index: 350;
+    width: 100%;
+    overflow: hidden;
+}
+
+.timeline-gpu-bars .timeline-graph-bar {
+    background-color: red;
+    border: none;
+    top: 1px;
+    bottom: 1px;
     height: auto;
 }