Make background of some ProgressBars transparent

dashboard/src/views/AppConfigureView.vue

@@ -295,7 +295,7 @@ onBeforeUnmount(() => {
             <a class="applink" :href="link || null" target="_blank">{{ app.label || app.fqdn }}</a>
             <div class="statelabel" v-if="app.error">{{ installationStateLabel(app) }} - {{ app.error.message }}</div>
             <div class="statelabel" v-else>{{ installationStateLabel(app) }} {{ app.message ? ' - ' + app.message : '' }}</div>
-            <ProgressBar v-if="app.progress" :busy="true" slim :value="app.progress" :show-label="false" style="margin-top: 10px"/>
+            <ProgressBar v-if="app.progress" :busy="true" :show-track="false" slim :value="app.progress" :show-label="false" style="margin-top: 10px"/>
           </h2>
         </div>
 

dashboard/src/views/AppsView.vue

@@ -332,7 +332,7 @@ onDeactivated(() => {
     </h1>
 
     <div v-if="!ready">
-      <ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
+      <ProgressBar mode="indeterminate" :show-label="false" :slim="true" :show-track="false"/>
     </div>
     <div v-else>
       <div v-if="apps.length && filteredApps.length === 0" class="no-matches-placeholder">
@@ -346,7 +346,7 @@ onDeactivated(() => {
           <div class="grid-item-task-label" v-if="app.type === APP_TYPES.LINK">{{ $t('app.appLink.title') }}</div>
           <div class="grid-item-task-label" v-else>{{ AppsModel.installationStateLabel(app) }}</div>
 
-          <ProgressBar v-if="app.progress && isOperator(app)" :busy="true" :value="Math.max(10, app.progress)" :show-label="false" class="apps-progress"/>
+          <ProgressBar v-if="app.progress && isOperator(app)" :busy="true" :show-track="false" :value="Math.max(10, app.progress)" :show-label="false" class="apps-progress"/>
 
           <a class="config" v-show="isOperator(app)" @click="openAppEdit(app, $event)" :href="`#/app/${app.id}/info`" :title="$t('app.configureTooltip')"><Icon icon="fa-solid fa-cog" /></a>
           <div class="grid-item-indictors">

dashboard/src/views/AppstoreView.vue

@@ -219,7 +219,7 @@ onDeactivated(() => {
     </div>
 
     <div v-if="!ready" style="margin-top: 15px">
-      <ProgressBar mode="indeterminate" :show-label="false" :slim="true"/>
+      <ProgressBar mode="indeterminate" :show-label="false" :slim="true" :show-track="false"/>
     </div>
     <div v-else-if="appstoreTokenError">
       Cloudron not registered. Reset registration <a href="#/cloudron-account">here</a>.