On this page
01What it becomes
A React component that ships with your app. The Progress Bar becomes a component with the same percentage, bar color and animation; its box styling comes from the element itself.
No extra npm package: the generated code uses React, Next.js and browser APIs only.
02What converts
- Percentage (clamped 0–100), bar color, animation
03About this plugin
Progress Bar is made by Bubble itself (visual element). See its page in the Bubble manual.
Questions
- Does the Progress Bar plugin work outside Bubble?
- Not as it is: Bubble plugins only run inside Bubble. In a Next.js app it is replaced by generated code — A React component that ships with your app.
- Will my Progress Bar settings carry over?
- Yes. deBub reads the plugin’s settings, conditions and workflows from your .bubble export and converts all of the plugin’s parts. Secret keys are the exception: you add them as environment variables.