填写圈子进度条

时间:2015-05-09 09:40:48

标签: css css3 css-shapes

我使用多个渐进式圆圈样本搜索此网站,但未发现类似于我的要求。

我试图创建从下到上填充的进度圈。 %百分比值将从文本框传递。

round progressive bar filling up http://i59.tinypic.com/ofvwbq.png

1 个答案:

答案 0 :(得分:1)

尝试创建像这样的橙色“成长”部分:

<强> JsFiddle

的JavaScript

这里的要点只是调整橙色矩形的大小。

function resize(i) {
    console.log(i);
    jQuery('#loadRec').height(i%100);
    i++;
}

黑色背景和白色前景将是静态的单个形状。