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

Question

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

像这样我有两个不同的章节，每个章节包含10个主题，每个章节都有各自的进度条，然后每个章节都有一些复选框，如果选中复选框，进度会增加，为此特定的章节也会增加进展，然后整个章节的进展也会增加。

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

现在它存储进度，但是当我退出时它不存储并显示我离开的位置。!!

$(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);
    });

});