js实现一个可配置修改的步骤进度条效果代码-html代码-BFW代码库

js实现一个可配置修改的步骤进度条效果代码

代码语言：html

所属分类：进度条

代码描述：js实现一个可配置修改的步骤进度条效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <div id="demo"></div>
    <div id="demo2"></div>
    <script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/step.js"></script>
    <script>
        /**
        * @state 可配置
        * false（布尔值）：红叉
        * true（布尔值）：对钩
        * index-o（字符串）：数字（空心）
        * index-i（字符串）：数字（实心）
        *
        * @title 标题，顶部文案
        * @desc 说明，底部文案
        */
        const stepData = [{
            state: false,
            title: '未完成',
            desc: '资料审核',
        }, {
            state: true,
            title: '未完成',
            desc: '资料审核',
        }, {
            state: 'index-o',
            title: '未完成',
            desc: '资料审核1',
        }, {
            state: 'index-i',
            title: '未完成',
            desc: '资料审核2.........完整代码请登录后点击上方下载按钮下载查看