How do I make a responsive Horizontal Progress bar?


« Back to message list

Enter your email address to get email updates on this topic. You can stop receiving updates by clicking the link in the update email messages.

Posted by Shelly on 30th November 2017
Hi,
I am using HProgress bar in my web application also used as Mobile device. I want the graph to be responsive to fit into smaller devices as well.
Please let me know how to do it?

Also, I want to do something on keypress event of keys I am showing on top of bar. Is that be possible?
Posted by Richard on 30th November 2017
Hi there,

You can either use the window.onresize event to resize the canvas (don't forget to redraw after you do so) or you can use CSS to size the canvas. There's a page here about responsive canvas tags:

www.rgraph.net/blog/how-to-get-a-responsive-canvas.html

> Also, I want to do something on keypress event of keys I am showing on top of bar.
> Is that be possible?

There's something I've written about determining the relevant key entry from a click here:

www.rgraph.net/canvas/docs/keys-in-charts.html#active-key-elements

Richard

Add a reply




« Back to message list