Trigger CSS3 transition on page load

Question

I am trying to achieve a loading effect on the page load by CSS3 width transition. Here is the demo.

HTML

Answer 1

By removing the class from the span and setting it in JavaScript the browser will apply the transition, but this only works on the first .skill-bar. Also .getElementsByClassName will not work in IE8 or below.

HTML

JavaScript

document.getElementsByClassName('skill-bar')[0].getElementsByTagName('span')[0].className = 'w70';

(so just wrap this in