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

This article is tagged with

jQuery Circular Progress Plugin - improved

Just because I've not written enough jQuery plugins lately (hmmm), here's another one. It's based on a plugin that I wrote a few years ago but never properly finished or made public. Here it is - the much improved, no images involved, circular progress indicator.

Read more

This article is tagged with

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

This article is tagged with