如何为imgProgress.js插件创建动画？

Question

我使用imgProgress.js插件显示进度条与中心圆形图像。

我试过的

脚本

 var myProgress = jqueryObj("#demo1").imgProgress(
        {
            img_url: "/Content/Images/BestManager/driver15.jpg",
            size: 180,
            backgroundColor: '#f3f7f2',
            foregroundColor: '#ff0505',
            animation:true,

            percent: 23
        }
    );

html

<div id="demo1" class="bgimg"></div><br />

我所需要的

我需要动画为该进度条，如连续加载或动画条纹。

Answer 1

对于这个插件，您需要手动添加一些样式。

  .imgProgress-svg{
        animation: rotate 5s infinite linear;
    }
    @@keyframes rotate {
   from { transform: rotate(0deg); }
   to { transform: rotate(360deg); }
}