css3怎么实现一个矩形的倒计时效果

Question

如上图，有这样一个正方形，下面显示的是名字和一些数据，绿色的数字是动态的值，右侧的数字是总数
现在：
数据中的文字希望放在正方形的头像上，并且会有一个蒙层盖住，当绿色的数字改变计算出百分比并控制蒙层旋转，类似环形进度条，如果是100%的话蒙层就看不见！