Can you help with Extension Gauge App Inventor?

[TIMAI2]

It has been three years since I looked at it. Will need to refresh my memory.

[EDIT] - had a look, this is the wrong type of output for what you want.

Search for progress bar as previously suggested, or you can create a simple progress gauge using the canvas and draw arc.

Here is one more complicated example:

Circle progressBar+Image

Hi. I've tried a lot of extensions with progress bars. But it is always suggested to choose a color as the scale. I need my PNG image to be used as a progress bar. So that the image is hidden in a circle depending on the position of the slider. is it possible to implement this? [2024-07-23_16-22-25]

[SteveJG]

Make an Analog Gauge and use it to display something useful

Make a simple Canvas based gauge and display your altitude. A simple home made gauge: uses two png images, a Canvas and an ImageSprite and a LocationSensor/GPS to provide elevation information [Altimeter2examle] The Gauge face is an image set to the background of a Canvas. An ImageSprite is the pointer. Make the pointer with a transparent background as a png image. I am not a graphic artist; use your graphic skills to provide a more elaborate image. The GPS Altitude value is used in a…

uses a GoogleChart Gauge html and a javascript loader stored in Media and a WebViewer

and

A Basic LocationSensor Speedometer

A Basic LocationSensor Speedometer ============================ An app with an analog speedometer display using a GoogleCharts gauge and javascript. This example works on an Android 8.1 and probably all Androids between 5 and at least 8.1 . [speedometer] There are two speedometer dials; 0 to 100 mph and 0 to 50 mph. Modify the html files stored in Media to set different display ranges. ( Make an Analog Gauge and use it to display something useful . shows an Altimeter gauge; you can instea…

is similar.

The first link shows how you can work with the html colors and might be what you would like to do. You would have to modify the html script to make it what you want it to do.

Otherwise you might follow Tim's suggestions.

Did you get your gauge to work as you desire? . When you do you might post the code that works for you so others might learn.

[Leon_Dantuma]

Thank you. But I need a radial gauge for a water level indicator.
I will try to explain what I am struggling with:

here I want to get rid of the green,pink,yellow and brown.

I want to add the progress (Pink)

Hope this helps.

[Leon_Dantuma]

Thank you SteveJG.
I like this guage from the aia in the link. I would just like to modify some of the features and have done so. I just dont know where to modify the colors I want to remove and where to add the progress as shown above.

[TIMAI2]

Herewith a simple example

archGauge.aia (2.2 KB)

[Leon_Dantuma]

Thank you TIMAI2