Upload progress bar
Hey everyone ! User testing on my new directory platform built in toddle is in full swing ! Already fixed a bunch of bugs / UI /UX issues and it ’s super efficient now . I need help creating a loading bar or progress UI to show the user when their file upload on an input is complete or in progress . The problem is that people are uploading a file and submitting the form before my GET UPLOAD URL and UPLOAD FILE API calls are complete . Causing the image to make it to storage but not make it to the new row being inserted . How would one create such a progress bar or visual loading component ? See my build here : https://discord.com/channels/972416966683926538/1275432013331042377 I think @NoCode ProCode covered that in his file upload video and used a pure CSS spinner icon to be displayed when isLoading was true via the API . You could have something like that , which also prevents the submit /upload button from being available e .g . set disabled attr is true when isLoading is true , or something along those lines . I think FileReader API also provides some event listeners for upload states but that would need a custom action . Gonna get these 5 users fully onboarded and happy , then open I think a tiered priced approach . First 30 users get $99 lifetime membership , then increase in cohorts 🙂 Lets see ! 🔥1It also allows you to add a custom value to match the upload percentage using the component attributes When uploading files over 6mb it ’s recommended to use the resume upload endpoint : https://supabase.com/docs/guides/storage/uploads/resumable-uploads Would I use two calls or just use this as default ?
.jpeg/public)