Circular Progress Bars

Details

This plugin allows you to add a circle and semi-circle progress bar to your app. You can choose the size of the progress bar, the percentage value, the color, animation style and more!Simply drag the element onto your app and specify all parameters within the element inspector.
You can use this plugin to enhance the user experience of your app.

*Current Bug: Outer Progress Bar does not adjust to dynamic data in repeating group.


For a demo please visit: https://anticodeplugin.bubbleapps.io/circularprogress

Categories

Containers, Media, Technical, Productivity, Mobile, Visual Elements

Types

Element, Action

Links

Service Link:

https://www.rapidevelopers.com

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).

‍