Music Bars

HTML

<ul>
<li></li>
<li></li>
<li></li>
</ul>

CSS

body {margin: 2em;}
ul {
    display: block;
    width: 100px;
    margin-top: 150px;
    -webkit-transform: rotate(-180deg) translate3d(0,0,0);
}
ul li {
    float:left;
    margin-right: 2px;
    width: 8px;
    max-height: 100px;
    background: #333;
    -webkit-transition: height 0.2s linear;
}

JavaScript

setInterval(function() {
    $('li').each(function() {
        var r = Math.floor(Math.random() * 100);
        $(this).css('height', r + 'px');
    })
}, 200);