Circular Slider Input
Aqsa Fatima
Last Update 4 months ago
Description:
The Circular Slider Input plugin allows you to create sleek, interactive circular sliders for your Bubble application. This no-code plugin provides a customizable circular range slider with dynamic settings for colors, handle shapes, tooltips, and slider range. Ideal for enhancing the user experience, it can be configured for single-value sliders or range sliders with precise control over every aspect of its design and behavior.
🔗 Demo Page:  https://chakor-plugin-demo-6.bubbleapps.io/version-test/circular_slider_input
🔗 Editor Link:  https://bubble.io/page?id=chakor-plugin-demo-6&test_plugin=1737706354495x703417167521775600_current&tab=Design&name=circular_slider_input&type=page
Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-issues
Instructions:
- Drag the Circle- or Semi-Circle Progress Bar onto your page. Specify all the parameters within the element inspector.
- !! The element is resizable and the progress bar will always take up the whole width and height of its container.
- Therefore you will always want to use square proportions for the circular progress bar (example: 200px width and 200 px height) ie. the same width and height.
- For the semi-circle progress bar you will need to set the height to half the width (example: 200px width and 100px height).