Hi, I'm trying for a full screen loader like one the Wix has in the attached image and video. Please help me how to do it. Attachment:

Hi, I'm having reference elements in my wix database and i have a dropdown linked to those values via wix-code in one of my pages and its displaying the reference ids instead of cities names/labels code for the following dropdowns : import wixData from 'wix-data'; $w.onReady(function () { uniqueDropDown1(); }); function uniqueDropDown1 (){ wixData.query("offers") .limit(1000) .find() .then(results => { const uniqueTitles = getUniqueTitles(results.items); $w("#dropdownName1").options = buildOptions(uniqueTitles); }); function getUniqueTitles(items) { const titlesOnly = items.map(item => item.city); return [...new Set(titlesOnly)]; } function buildOptions(uniqueList) { return uniqueList.map(curr => { return {label:curr, value:curr}; }); } } export function genre_change(event, $w) { uniqueDropDown2(); $w("#dropdownName2").enable(); } function uniqueDropDown2 (){ wixData.query("offers") .contains("city", $w("#dropdownName1").value) .limit(1000) .find() .then(results => { const uniqueTitles = getUniqueTitles(results.items); $w("#dropdownName2").options = buildOptions(uniqueTitles); }); function getUniqueTitles(items) { const titlesOnly = items.map(item => item.malls); return [...new Set(titlesOnly)]; } function buildOptions(uniqueList) { return uniqueList.map(curr => { return {label:curr, value:curr}; }); } } please help me sort it out.