我使用以下方法创建了一个弧：

.arc{
    width:150px;
    height:400px;
    border-radius:50%;
    border-right:1px solid black;
    border-left:1px solid black;
    border-top:1px solid black;
    border-bottom:1px solid white;
}

原始小提琴：
http://jsfiddle.net/YGKWT/(断链)

但是,我该如何设置动画呢？我能想到的唯一方法就是在它上面放一个纯白色的div,并向右滑动div,逐渐显示出弧线.有没有更好的办法？

编辑：

这是我正在寻找的动画类型：
http://jsfiddle.net/nQLY7/(断链)