@metalsadman awesome!

      <div class="col-9">
        <q-progress
            :percentage="progress"
            height="25px">            
        </q-progress>      
      </div> 

these code can make qprogress shown inline, very helpful, thanks!

@metalsadman Thank you.
I found in some lower version chrome-core browser, this ‘Sticky column’ does not work.

@s-molinari sorry, I mean another ‘fixed’ just like ‘frozen column’ in Excel. still thanks

Yes, this feature is needed in my project. When will this feature come back?

yes, same problem. Using .lazy seems not trigger the change event.

I’m finding this. Thanks a lot. @Zyme

@Narmer23 thanks, I found solution, here are some codes for others to ref later:

<q-collapsible>
                <template slot="header">
                  <q-item-side icon="fa fa-square" />
                  <q-item-main>
                    <q-item-tile :label="true">
                      {{ itselfStatus.node && itselfStatus.node.tagValue.value }}
                    </q-item-tile>
                    <q-item-tile :sublabel="true" :color="itselfStatus.valid ? 'positive' : 'negative'" >
                      {{ itselfStatus.valid ? $t('OK') : $t('failed') }}
                    </q-item-tile>
                  </q-item-main>
                  <q-item-side>
                    {{ !itselfStatus.valid && itselfStatus.forcible ? 'forcible': ''}}
                  </q-item-side>
                </template>

I would like to change the sublabel color of q-collapsible and control it by a varible.

I only found there is a property header-class="text-red" which can control the label color, but not the sublabel.

My code is like this:

<q-collapsible icon="fa fa-square"
              :label="itselfStatus.node.tagValue.value"
              :sublabel="itselfStatus.valid ? $t('OK') : $t('failed')"
>
....
</q-collapsible>

@metalsadman awesome!

      <div class="col-9">
        <q-progress
            :percentage="progress"
            height="25px">            
        </q-progress>      
      </div> 

these code can make qprogress shown inline, very helpful, thanks!

@metalsadman the status bar may look like below:

QProgress seems, by default, is a block element as demos in doc:
https://quasar-framework.org/components/progress-bar.html

I would like to create a status bar with it, how can I make it shown as a inline element to sit aside my other icons?