本文由Zoomla!逐浪CMS官方发行，提升每一个开发者技能，并提供丰富的帮助信息。

组件可以在动力逐浪中快速引用，从而为各种网站原型提供动力，我们可以将组件理解为一个个的功能插件，如图册、节点、相集、文章展示、广告效果等。

这里我们示例将一个进度条Jquery插件转为组件使用,示例样式:
 
一，在/design/js/comp/目录下新建 progress.js,将html与js置入其中

 
二，/design/js/comp/page.js中新增一列

以上两步已将该Jquery进度条插件打包成为了组件,现在我们要将其与界面关联
三，我们将其加入至对应的组件栏目下,这个组件我们归类为其它 /design/diag/other/add.html 中新建一行html

 
Data-type  :其对应的js文件,这里为progress
Data-compid:如果该插件有多种类别,则需填入,我们现在只有这一款进度条组件,所以留空
然后为其配置初始化数据：

 
dataMod:初始化数据
config  :初始化样式
config.bodyid: midBody:居中,mainBody:宽度100%
config.css   :该组件是否可拖动,可调整大小,可拖动方向
config.style  :该组件初始style样式

以上即完成了一个组件的打包,我们可以看下实际效果