Make UI progress indicator clearly visible in the quickpick (microsoft#119293)

Author: TylerLeonhardt

src/vs/base/parts/quickinput/browser/quickInput.ts

@@ -1220,9 +1220,6 @@ export class QuickInputController extends Disposable {
 
 		const message = dom.append(extraContainer, $(`#${this.idPrefix}message.quick-input-message`));
 
-		const progressBar = new ProgressBar(container);
-		progressBar.getContainer().classList.add('quick-input-progress');
-
 		const list = this._register(new QuickInputList(container, this.idPrefix + 'list', this.options));
 		this._register(list.onChangedAllVisibleChecked(checked => {
 			checkAll.checked = checked;
@@ -1248,6 +1245,9 @@ export class QuickInputController extends Disposable {
 			}
 		}));
 
+		const progressBar = new ProgressBar(container);
+		progressBar.getContainer().classList.add('quick-input-progress');
+
 		const focusTracker = dom.trackFocus(container);
 		this._register(focusTracker);
 		this._register(dom.addDisposableListener(container, dom.EventType.FOCUS, e => {
@@ -1318,8 +1318,8 @@ export class QuickInputController extends Disposable {
 			message,
 			customButtonContainer,
 			customButton,
-			progressBar,
 			list,
+			progressBar,
 			onDidAccept: this.onDidAcceptEmitter.event,
 			onDidCustom: this.onDidCustomEmitter.event,
 			onDidTriggerButton: this.onDidTriggerButtonEmitter.event,