Ben's Sandbox
  • Projects
  • Tags

jQuery, CSS3, and SVG Progress Bar Animation Comparison


View Blog   View Source  
This is an animation demo using jQuery.animate(), CSS3 transitions, and SVG animate to create a progress bar. The goal is to see how much of the animation can be pushed to the features available in CSS3 and SVG but still maintain control of the animation. The demo is further intended to ensure these features work amoung all the current browsers (except IE which is already know not to work). Finally, I was curious to see if animations would continue while Javascript was executing (click the Do Something button). See my blog article on this topic for more information.

Something: 0

jQuery Animate - Start | Stop
Repeat Count: 0
CSS3 Animate - Start | Stop
Repeat Count: 0
SVG Animate - Start | Stop
Repeat Count: 0

© Ben Olson 2012 with help from Jekyll Bootstrap and Twitter Bootstrap