php - 使用javascript和php将进度条的进度存储在数据库中

Question

我有多个复选框，单击它会升级进度条，并有一个提交按钮，当它被单击时，更新的进度应该被存储。

像这样，我有两个不同的章节，每个章节包含 10 个主题，每个主题都有自己的进度条，然后每个章节都有一些带有复选框的任务，如果选中复选框，进度将增加，对于该特定章节也进度会增加，然后这两章的整体进度也会增加。

bt 如果有人在没有完成整个过程的情况下退出，它应该将进度存储到它已经完成的任何百分比，对于单个主题以及整个项目和特定章节。

现在仪式它存储进度但是当我注销时它不存储并显示我离开的地方。！

$(function() {
    $("#prog").progressbar({

        value: 0,
        max: 96,
       textFormat: "fraction",

    });

    $(".box").on("change", function() {
        var total = 0;

        $(".box:checked").each(function() {
            total += parseInt($(this).val());
            document.getElementById("e1").value= total; 
            if(total < 96){
            document.getElementById("e1").innerHTML=total+"%";}else{
            document.getElementById("e1").innerHTML="100%";
            }
            e1.innerHTML = e1.innerHTML +"<input type='hidden' name='seb' value="+total+">";
        });

        $("#prog").progressbar("value", total);
    });

});