基于jQuery的网页步骤流程进度条代码包含两个不同效果的jQuery步骤进度条特效。效果图如下：

在线预览源代码下载。

Html代码：

Class=' step _ contexttest'/div当前步骤：第一个inputtype=' text '值=' 5 ' id=' current stepval '/step buttononclick=' steptool . draw step(jquery(' # current stepval ')。val()，steplistjson' 'type=' button ' regenerate/button script type=' Text/JavaScript '//所有步骤的数据var steplistson=[{ stepnum 3360 1，steptext: '第一步' }，{stepnum3360 2，text: '第二步' }，{stepnum : 3，StepText: '第三步' }，{StepNum: 4，StepText: '第四步' }，{ stepnum 3333330 }//目前第一步是var currentStep=5；//新建一个工具类varstep tool=new step _ tool _ DC(' test '，' my call ')；//使用工具显示steptool。drawstep (currentstep，steplistjson)在页面上绘制相关的流程步骤；//回调函数my call(rest ult){//alert(' my call ' result . value ' : ' result . text)；StepTool.drawStep(result.value，stepListJson)；//TODO.这里可以填写点击step }/script后加载相应数据的代码以上代码是边肖分享的基于jquery step进度条的源代码分享，希望大家喜欢。