I would like to display a progress bar such as the one below, any ideas on how I could go about this? I’m more interested on the percentage part as the upload progresses. [Capture]

[image] djpapzin: I’m more interested in getting it to display percentage for progress. The behavior of the built-in progress bar can’t be changed, but you can display the upload percent in any element you want, including Bubble’s progress bar element (which you might have to install via the …

Hi @djpapzin The % is there by default. You can use this plugin. [image] Once you have installed your Plugin you can then draw your progress bar where ever you want to put on your page. [image] On the bar properties, click on the Element Inspector to create a state., click Add a new custom st…

@mxolisipn , Howzit Bru!!! (I am ex-saffer living in NYC now, and saw that you are from the old country from your recent post asking about payment gateway). Anyhow, thats a cool solution you posted, and I do think it will provide @djpapzin ’s users with a semblance of the UX he is looking for, but i…

Hey man.I’m a great thanks, hope you good too. been struggling about the payment gateway until, but someone told about JS injector which I’m yet to read more into it and see how it goes and how does it work. Regarding a progress bar animation, I think the “Set percentage = percentage + 10” might n…

[image] djpapzin: I’m more interested on the percentage part as the upload progresses. Upgrade to version 6 of the Bubble engine. That is now built-in .

[image] mxolisipn: The % is there by default. You can use this plugin. Hi @mxolisipn Thank you for your detailed help. After going through your reply, I realised I should’ve been more specific, I was referring to file uploads, can I get the plugin to work when using a file uploader? To My u…

@djpapzin , did you see @sudsy ’s advice. It is now built in to v6. I didn’t realize this until seeing this advice.

[image] sudsy: Upgrade to version 6 of the Bubble engine. That is now built-in . Hi @sudsy I just upgraded now, thanks for the heads up.

@SerPounce Yes I did, unfortunately I still see the small blue line as the progress bar. Is there anything I could’ve missed after the upgrade? @sudsy

@djpapzin @SerPounce The file uploader has been there all along, they just increase the file size of the files you can upload. @djpapzin , Set the state of the progress bar percentage to increase as per each is passed in your workflow. [image] So if you have 5 steps in your workflow, this is what…

I might have misunderstood what you wish to accomplish, but the new feature with regard to uploading is that the numeric percentage is now available to you as an exposed state, and the progress bar, while it still appears, now actually reflects reality. :slightly_smiling_face: EDIT: If you wish to …

How to display percentage as progress during an upload

Need help

sudsy April 9, 2020, 10:59am 5

Upgrade to version 6 of the Bubble engine. That is now built-in.

Topic		Replies	Views
Using "Progress Bar" plugin to display file upload progress Plugins	8	3287	April 7, 2020
Exposing upload percentage in custom plugin Plugins	1	40	January 5, 2025
Progress bar percentage Need help	2	525	April 24, 2021
Default Progress bar percentage Need help	8	1170	February 10, 2023
File Uploader "upload percentage" doesn't get updated. Bug? Need help	3	676	February 2, 2022

How to display percentage as progress during an upload

Related topics