带有jquery的静态进度条

Question

我是jquery的新手，我需要一些带有jquery的静态进度条的例子，我将用它来显示一些统计数据，例如90％的学生已经进入二年级，所以我需要一些进度条静态数字（90％）

我发现了一些像这样的stufs，但它没有帮助

var bar = $（'span'）;                 var p = $（'p'）;

            var width = bar.attr('style');
            width = width.replace("width:", "");
            width = width.substr(0, width.length-1);


            var interval;
            var start = 0; 
            var end = parseInt(width);
            var current = start;

            var countUp = function() {
              current++;
              p.html(current + "%");


              if (current === end) {
                clearInterval(interval);
              }
            };

            interval = setInterval(countUp, (1000 / (end + 1)));

请提供任何帮助或教程。

Answer 1

听起来好像你指的是图表而不是进度条。

我真的很喜欢chartjs.org

有很多选择。我最近发现的一个是虔诚 https://github.com/benpickles/peity

还有一种流行的（虽然可能超出你的想法）D3：http://d3js.org/

<强> [更新] 我把这个小提琴放在一起：http://jsfiddle.net/27po97a7/你可以用javascript来设置.progress的宽度和文字。