需要了解如何实施其他人的 jquery

Question

这是我想要的代码。http://p.ar2oor.pl/cprogress/这正是我的项目所需要的。下载文件有一些代码但没有实现说明。没有 jquery xp 我不知道如何实现它。我使用了页面源中的 html，并通过 google cdn linked jquery。这是 fiddle。

http://jsfiddle.net/ebenhafkamp/abrdz924/

<div class="radial">
    <div class="jCProgress" style="opacity: 1;"></div>
    <div class="percent" style="display: block;">70</div>
    <canvas width="105" height="105">
</div>

它基本上是网站代码的汇编，js 纯粹是在下载中编写的 link，css 是我唯一使用的文档。我看不出它如何产生它应该产生的效果。有人可以帮我解释一下吗..

Answer 1

在此 link 包含文件：http://p.ar2oor.pl/cprogress/jCProgress-1.0.3.js 然后按照实施说明的建议进行操作：

HTML

<div id="my-cprogress"></div>

Javascript

$('#my-cprogress').cprogress({
           percent: 10, // starting position
           img1: 'v1.png', // background
           img2: 'v2.png', // foreground
           speed: 200, // speed (timeout)
           PIStep : 0.05, // every step foreground area is bigger about this val
           limit: 20, // end value
           loop : false, //if true, no matter if limit is set, progressbar will be running
           showPercent : true, //show hide percent
           onInit: function(){console.log('onInit');},
           onProgress: function(p){console.log('onProgress',p);}, //p=current percent
           onComplete: function(p){console.log('onComplete',p);}
      });

这里是 fiddle：http://jsfiddle.net/abrdz924/1/

注意： 请记住，您必须为背景提供两个现有图像（'img1' 和 'img2'）。在 fiddle 中你不会看到它们，因为我指定的 URI 无效。

需要了解如何实施其他人的 jquery

Need understanding of how to implement somebody else's jquery

javascript

jquery

animation

progress

radial