views:

63

answers:

2

Update

Luckily, the code that WebKit uses to make this control draws onto a canvas using basic drawing operations, so it shouldn't be too hard to convert into a Cocoa control. This is what I have so far:Development progress so far

I'll update here again once I get it finished.

Original question

I don't know what to call this sort of control, so I'll show pictures (from the iTunes dialog for a media player and the WebKit Web Inspector's Resource panel):

iTunes showing disk usage using this control

Google Chrome's use of the control to show resource download speed

I'm interested in using this sort of control in my Cocoa application. I've searched all over the Internets but haven't found much, seeing as I don't know its name - is there some sort of shared component that I can use for this?

Thanks!

A: 

That's a totally custom control, and I don't know of any open source counterpart (other than the one inside the Webkit source). Would you care to provide one? :)

Dave DeLong
I'm on it - trying to get compositing working for the reflection right now :P
hansengel
A: 

On Safari it's implemented using javascript, see: SummaryBar.js.

mfazekas
Actually, it's built using an SVG canvas in SummaryBar.js: http://trac.webkit.org/browser/trunk/WebCore/inspector/front-end/SummaryBar.js
hansengel
@hansengel, thanks for the correction,
mfazekas