Build a SVG Progress Bar and Win Prizes
Opera is a long time sponsor of Web Directions and supporter of SVG, so when I saw their latest contest, I thought it would be of interest to our readers. Our friends at Microsoft have got together with the Web Directions crew, presumably to celebrate SVG in IE9 – and boy is it worth celebrating – to create a contest to make a progress bar using SVG.
The rules are simple: you have to make an accessible progress control (Hint: use WAI-ARIA), using SVG, which works in the latest version (or upcoming in the case of IE) of all major browsers, including Opera. The control should be able to indicate to the user:
- when they are waiting in an indeterminant state
- how much a process has progressed
For a full run down of the contest and rules, go to the No Bit, Sherlock challenge web site. You might even get some free stuff out of Microsoft. We at Opera love SVG, so we hope the contest is a great success, and I look forward to seeing the entries. I might even enter myself.
One drawback is that SMIL–which is a natural candidate for the animation required by progress control–has spotty or no support in a number of browsers, so you may need to use scripting to get the control to work once you've designed it. You don’t have too long before the @Media conference where the prizes will be given out, so get your coding shoes on.