Sign in to follow this  
Followers 0
Brian Miller

[jQuery/CSS3] Meter Widget

8 posts in this topic

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

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

Are there any good plugins that can do this?

Share this post


Link to post
Share on other sites

Any other solutions?

Share this post


Link to post
Share on other sites

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

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  
Followers 0

  • Recently Browsing   0 members

    No registered users viewing this page.