# Loader conditional visibility

**URL:** <https://community.weweb.io/t/loader-conditional-visibility/1216>\
**Category:** How do I?\
**Created:** [October 2, 2022, 12:25am UTC](https://community.weweb.io/t/loader-conditional-visibility/1216 "2022-10-02T00:25:48Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![hsatl](https://avatars.discourse-cdn.com/v4/letter/h/67e7ee/32.png) [@hsatl](https://community.weweb.io/u/hsatl)\
**Post date:** [October 2, 2022, 12:25am UTC](https://community.weweb.io/t/loader-conditional-visibility/1216/1 "2022-10-02T00:25:48Z")

</div>

Hi,

I am using loader to show when a collection is fetching data. But I want to achieve similar effect with tabs.  
I have a 3 tab in my application. I want to add a loader when the tab is changing after a user clicks on the navigation button for the respective tab.

Is there a way to use the loader for “tab loading” similar to how I can attach loader visibility to collection isFetching property?

---

<div class="post-metadata">

**Author:** ![khairul](https://avatars.discourse-cdn.com/v4/letter/k/a88e4f/32.png) [@khairul](https://community.weweb.io/u/khairul)\
**Post date:** [October 2, 2022, 3:08am UTC](https://community.weweb.io/t/loader-conditional-visibility/1216/2 "2022-10-02T03:08:53Z")

</div>

Hi, I think this is what you are looking for,

> [@Loader animation when page change](https://community.weweb.io/t/loader-animation-when-page-change/1017/4):
>
> I think you have a lot of data if your page is too long to load If you want, you can create a workflow on your page with a variable dataReady. On page load (before fetching), you set up the variable to false. And on page load to true And you can bind this variable to your section and a loader
