Showing all articles matching circles

Making segmented circles and pie charts in CSS

Circles, made with CSS

It's been possible to make circles, semi circles and quarter circles using only CSS ever since the border radius property came along. But what if you wanted to make a circle with more than four segments?

I've seen it done but only occasionally and in a very fixed way. If there was a way of generating a single segment of a circle based on a mathematical formula, would it be possible to write a CSS mixin to generate a circle containing any number of required segments? Short answer: yes.

Read more

jQuery progress bar plugin

Circular progress bars

Recently I needed an animating circular progress bar for a website I was building. After some reasonably in-depth research I couldn't find anything that entirely suited my needs, so I sat down and wrote my own jQuery plugin to do it. And here it is.

Read more