Fix devtools-progress[no-stop-button]

Bug: 444163858
Change-Id: I4dddd44f16a8c0e8409ecab243631237322b0ad8
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6948950
Auto-Submit: Danil Somsikov <[email protected]>
Reviewed-by: Benedikt Meurer <[email protected]>
Commit-Queue: Danil Somsikov <[email protected]>

Author: danilsomsikov

front_end/ui/legacy/ProgressIndicator.ts

@@ -12,7 +12,7 @@ export class ProgressIndicator extends HTMLElement implements Common.Progress.Pr
   readonly #contentElement: Element;
   #labelElement: Element;
   #progressElement: HTMLProgressElement;
-  readonly #stopButton?: Element;
+  #stopButton?: Element;
   #isCanceled = false;
   #worked = 0;
   #isDone = false;
@@ -25,7 +25,10 @@ export class ProgressIndicator extends HTMLElement implements Common.Progress.Pr
     this.#labelElement = this.#contentElement.createChild('div', 'title');
     this.#progressElement = this.#contentElement.createChild('progress');
     this.#progressElement.value = 0;
+  }
 
+  connectedCallback(): void {
+    this.classList.add('progress-indicator');
     // By default we show the stop button, but this can be controlled by
     // using the 'no-stop-button' attribute on the element.
     if (!this.hasAttribute('no-stop-button')) {
@@ -34,10 +37,6 @@ export class ProgressIndicator extends HTMLElement implements Common.Progress.Pr
     }
   }
 
-  connectedCallback(): void {
-    this.classList.add('progress-indicator');
-  }
-
   done(): void {
     if (this.#isDone) {
       return;