<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="/static/css/css.css">
    <link rel="stylesheet" type="text/css" href="/static/css/loader.css">
    <link rel="stylesheet" type="text/css" href="/static/css/bootstrap-select.min.css">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <script src="/static/js/vue-2.4.0.js"></script>
    <script src="/static/js/axios.min.js"></script>
    <script type="text/javascript" src="/static/js/jquery.select.js"></script>
    <!-- <script type="text/javascript" src="/static/js/export/jquery-3.2.1.js"></script> -->
    <script type="text/javascript" src="/static/js/export/xlsx.full.min.js"></script>
    <script type="text/javascript" src="/static/js/export/FileSaver.min.js"></script>
    <script type="text/javascript" src="/static/js/export/jsonToExcel.js"></script>
    <script src="/static/js/bootstrap-select_new.js"></script>

    <!-- select -->
    <script type="text/javascript" src="/static/js/print/jquery.jqprint-0.3.js"></script>
    <style>
        @media screen {

            div.print-area {

                display: none;

            }

        }



        @media print {

            div.print-area {

                position: fixed;

                top: 0;

                z-index: 1;

            }

        }
    </style>

    <title>Document</title>
</head>

<body>
    <div id="d1">
        <p id="pgv">进度：0%</p>
        <progress id="pg" max="100" value="0"></progress>
    </div>
</body>
<script language="javascript">
    function staticProgress() {
        var pg = document.getElementById('pg')
        var pgv = document.getElementById('pgv')
        pg.max=1000
        var timer = setInterval(function () {
            if (pg.value !== 1000) {
                pg.value++
                pgv.innerHTML = '进度：' + pg.value + '%'
            } else {
                pgv.innerHTML = '加载完成'
                clearInterval(timer)
            }
        }, 100)
    }
    
    staticProgress()
</script>

</html>