Take the 2-minute tour ×


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?


share|improve this question
add comment

2 Answers

up vote 0 down vote accepted

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? :)

share|improve this answer
I'm on it - trying to get compositing working for the reflection right now :P –  Jon Gauthier Jun 23 '10 at 4:06
add comment

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

share|improve this answer
Actually, it's built using an SVG canvas in SummaryBar.js: trac.webkit.org/browser/trunk/WebCore/inspector/front-end/… –  Jon Gauthier Jun 23 '10 at 14:38
@hansengel, thanks for the correction, –  mfazekas Jun 24 '10 at 19:13
add comment

Your Answer


