Circular Progress Bar Custom Indicator

[DuncanW]

I'm trying to create a custom front panel indicator to indicate progress in a circular style, so it fits in a square object. I've attached a little picture of what I have in mind.

I thought about taking a Pie Chart and using the Advanced -> Customize option to break it up so I just get the indicator, then add a circular decoration in the middle to give a bar rather than a filled in pie slice, and a label as a value indicator, but the Pie Chart doesn't have a Customize option.

Has anyone achieved this with some other sort of indicator?

Cheers

Duncan

[GerdW]

Hi Duncan,

an idea:

Use a picture indicator. Draw an ARC in the indicator and place the value inside the ARC as TEXT…

Or:

Use a gauge indicator. Enable the color ramp. Set the color ramp values as needed by property nodes. Place the numeric display in the center of the gauge…

[DuncanW]

Thank you for those suggestions.

Using a 2D Picture Indicator with the Draw Arc VI & Draw Text VI seems to do the trick.

I actually made two arcs, one to draw the colour up to the progress, and one to fill in the empty part between the progress & 360 and it looks good.

I'll now make it into a little interface VI, which takes a reference to a 2D picture control and scales things according to size properties of the picture control and see how it performs when in a loop.

[nick.borgerding]

Can you share the code?

[ikaiser]

Hey Nick,

I am not Duncan, but maybe I can help as well. Don Phillips shared his circular progress indicator here: Re: UI Progress Ring

Is this what you are looking for?

[paul_cardinale]

I just took an NXG-style knob, and messed with the properties.

[DuncanW]

Sorry, I no longer work for the same company, so I don't have access to the code.

[Khalil.Eslami]

If you want to animate a loading/waiting animation, you can make a series of pictures. But if you want background free pictures, you can use png. However, the quality of transparent png in LabVIEW is not good. Also in case of using picture ring, you can not make it smaller or bigger as well.

I suggest using graph and plot a circle showing circle points. Then make the graph background transparent.

You can set each point with different color, and change their color in a step/ramp using a loop (to show animation of circulation). You can also set number of points, points shape, size, and position.

Now you can make it as a subVI and use it wherever you want. Just remember to send the reference of the VI graph to the subVI and set the attribute and property of the subVI graph the same as the main graph.