[FREE] Progresso: Progress Bar Extension - Create awesome linear and circular progress bars

Progresso

An extension for MIT App Inventor 2.
Progresso extension to create linear and circular progress bars with customisations. Developed by The K Studio.

:memo: Specifications


:floppy_disk: Size: 11.25 KB
:gear: Version: 2.0
:iphone: Minimum API Level: 7
:date: Updated On: 2025-02-20T18:30:00Z
:computer: Built & documented using: FAST-CLI

Event:

Progresso has total 1 event.

:yellow_heart: Completed

CompletedBlock

This event is raised when the progress is completed.

Methods:

Progresso has total 4 methods.

:purple_heart: Create

CreateBlock

Create a progress bar with the specified progress value.

Parameter Type
progress number
component component

:purple_heart: Update

UpdateBlock

Update the progress value of the progress bar.

Parameter Type
progress number

:purple_heart: GetProgress

GetProgressBlock

Get the current progress value of the progress bar.

:purple_heart: AnimateProgress

AnimateProgressBlock

Start the progress animation from 0 to the maximum progress value over a specified duration in milliseconds.

Parameter Type
duration number

Setters:

Progresso has total 16 setter properties.

:green_heart: ProgressType

ProgressTypeBlock

Set the progress type as Circular or Linear.

  • Input type: text

:green_heart: MaxProgress

MaxProgressBlock

Set the maximum progress value of the progress bar.

  • Input type: number

:green_heart: MinProgress

MinProgressBlock

Set the minimum progress value of the progress bar.

  • Input type: number

:green_heart: ProgressStartColor

ProgressStartColorBlock

Specifies the start color of the progress in the progress bar.

  • Input type: number

:green_heart: ProgressEndColor

ProgressEndColorBlock

Specifies the end color of the progress in the progress bar.

  • Input type: number

:green_heart: BackgroundColor

BackgroundColorBlock

Specifies the color of the empty progress in the progress bar.

  • Input type: number

:green_heart: BackgroundWidth

BackgroundWidthBlock

Set the width of the background line in the progress bar.

  • Input type: number

:green_heart: ProgressWidth

ProgressWidthBlock

Specifies the width of the progress in the progress bar.

  • Input type: number

:green_heart: StartAngle

StartAngleBlock

Set the start angle of the progress ring.

  • Input type: number

:green_heart: RoundEdges

RoundEdgesBlock

Set the edges of the progress bar either round or square.

  • Input type: boolean

:green_heart: TextVisible

TextVisibleBlock

Specifies whether to display the text view.

  • Input type: boolean

:green_heart: PercentageText

PercentageTextBlock

Specifies whether to display the progress as a percentage.

  • Input type: boolean

:green_heart: TextColor

TextColorBlock

Specifies the color of the text in the progress bar.

  • Input type: number

:green_heart: TextSize

TextSizeBlock

Specifies the font size of the text in the progress bar.

  • Input type: number

:green_heart: TextBold

TextBoldBlock

Set whether the text should be bold.

  • Input type: boolean

:green_heart: FontTypeface

FontTypefaceBlock

Set the custom font typeface from the app's assets.

  • Input type: text

Getters:

Progresso has total 3 getter properties.

:green_circle: MaxProgress

MaxProgressBlock

Set the maximum progress value of the progress bar.

  • Return type: number

:green_circle: MinProgress

MinProgressBlock

Set the minimum progress value of the progress bar.

  • Return type: number

:green_circle: Text

TextBlock

Get the text displayed in the progress bar.

  • Return type: text

Preview

Record_2024-05-11-15-59-03-ezgif.com-video-to-gif-converter

Download

v2 com.thekstudio.progresso.aix (11.2 KB)

Leave a like if its awesome :wink:

25 Likes

HI,

How can I create a loading bar?

Good day

Hi,

you have to select the "Type" property as "Linear" to create a linear progress bar (loading bar). By default it is set to "Circular".

1 Like

Can we change the visibility of progress bar?

Set the visibility of the containing arrangement ?

2 Likes

Thank's a lot. I didn't think that :slight_smile: