Install the Plugin
In your Bubble editor, navigate to the Plugins tab.
Search for “Progress Bubble” and click Install.
Add the Element

Go to the Design tab of your Bubble editor.
Find Progress Bubble under the Visual Elements (or Installed Plugins) section.
Drag and drop the Progress Bubble element onto your page.
Configure Properties

Progress Value: Set the value for the progress bar (e.g., percentage or any numeric indicator).
Hover Fill Color: Choose the color you want the bubble to fill with on hover.
Base Color: Select the base color of the bar before hover.
Animation Speed: Set the duration of the hover animation (in milliseconds).
Easing Type: Choose how the fill effect should ease in or out (linear, ease-in, ease-out, etc.).