Slider that is controll and indicator at the same time

[Izohrr]

Hi, I'm a Uni student, and begginer with NXG.

I want to improve my interface look and I don't know what would be the best solution. I have a webapp that comunicate with my labview dimmable light controll application through websocket. Currently there is a barchart indicator and a slider in the interface. The barchart shows the current level, if I move the slider I can change the brightness and it will be displayed on the barchart. I am not happy with the look of this and would like the control and indicator to be one object. So basically a barchart that I can drag to change the brightness.

Is it possible to do creat something like this? Is there any example maybe?

Thanks in advance for your help

[DerrickB]

What is it about the slider by itself that you don't like? You could apply custom CSS to modify the styling of the slider as well if needed.

[Izohrr]

Maybe I wasn't clear, sorry English is not my mother language. So the problem is not the look, I know how to modify it. The problem is that I need an indicator and a control at the same time for this function. Like this: 

So when I open the website the indicator shows the currently set value. If I want to change it I can do it using the slider but I want only 1 object, that can indicate the curent value of the brightness when I load the page and the same time can act as a controll, so if needed can be dragged and can modify the value.

The indicator in NXG can only indicate and can't act as a controll. The controll slider can have a default value (which is the value of the slider when the page loaded), but as far as I know it can't be a varriable so its just show the manually set value, doesnt indicate anything. 

[DerrickB · Accepted solution]

Sounds like you just want to programmatically initialize the control with a property node and then you can use it as a control:

[Izohrr]

Yes. Thank you so much. This is exactly what I needed.