[files-progress] Add progress spinner style for transfer details.

Using panel item attribute detailed-panel to check feature flag status.

As the expand and collapse status of the summary panel needs different
size of spinner, data-category attribute used to the check this status.

Colors updated to semantic version but they are same as current rgb
values.

Bug: 953308
Change-Id: I53fd02dde6c6799cfd04c5f84f3c96c28851a84b
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2307769
Commit-Queue: Omid Tourzan <oto@chromium.org>
Reviewed-by: Noel Gordon <noel@chromium.org>
Reviewed-by: Alex Danilo <adanilo@chromium.org>
Cr-Commit-Position: refs/heads/master@{#791141}

ui/file_manager/file_manager/foreground/elements/xf_circular_progress.js

@@ -57,18 +57,31 @@ class CircularProgress extends HTMLElement {
                         height: 36px;
                         width: 36px;
                     }
+
+                    :host-context([detailed-panel][data-category='expanded'])
+                    .progress {
+                        height: 32px;
+                        width: 32px;
+                     }
+
+                    :host-context([detailed-panel][data-category='collapsed'])
+                    .progress {
+                        height: 28px;
+                        width: 28px;
+                    }
+
                     .bottom {
-                        stroke: rgb(210, 227, 252);
+                        stroke: var(--google-blue-100);
                         fill: none;
                     }
                     .top {
-                        stroke: rgb(26, 115, 232);
+                        stroke: var(--google-blue-600);
                         stroke-linecap: round;
                         fill: none;
                     }
                     text {
                         font: bold 14px Roboto;
-                        fill: rgb(26, 115, 232);
+                        fill: var(--google-blue-600);
                     }
                 </style>
                 <div class='progress'>