Sign in to follow this  

[jQuery/CSS3] Meter Widget

Recommended Posts

Quigley Guy    28

From looking at the source it seems to be a HTML canvas element.

Dont know much about the canvas element but basically you use javascript to programmatically draw / move shapes on the canvas.

Share this post


Link to post
Share on other sites
+chorpeac    27

I think Quigley is right, the canvas element. Not all browsers are compatible with it, at least the older IE isn't. There is a google plugin for it, excanvas I think. It just uses javascript and geometry to draw the stuff. We used excanvas to do a fuel gauge. Cool stuff.

Share this post


Link to post
Share on other sites
Brian Miller    1,497

Are there any good plugins that can do this?

Share this post


Link to post
Share on other sites
Brian Miller    1,497

Any other solutions?

Share this post


Link to post
Share on other sites
Seahorsepip    532

You can make it with css though it's not that simple to make with css and will not work on ie8 and older :/

But canvas won't work either on ie8 and older as far as I know >.>

 

Most childish solution is just making a image of the meter and all of it's values and changing it based on it's vlue, it works atleast at every browser :P

 

If you want I can make a css only version with some js ;)

Share this post


Link to post
Share on other sites
Brian Miller    1,497

Thanks

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.