php - HTML要素のAjax更新css

Question

HTMLのdivをajaxで表示・非表示したいのですが、

状況：

progressbar('on');

very_long_function(); 

progressbar('off');

作業中はdivを表示したいがvery_long_function();、作業が終わったらdivを非表示にしたい

プログレスバー機能:

function progressbar($status){

    if($status == "on"){


        echo "
                <script> 
                        $(document).ready(function() {   function() { 
                        $('#load').css('display','inline');

                        }); 
                </script>
            ";
    } 
    else{

        echo "
                <script> 
                        $$(document).ready(function() {   function() { 
                        $('#load').css('display','none');

                        }); 
                </script>
            ";
    }
}

問題は、very_long_function();作業中に div が表示されないことです。AJAX または jQuery を使用してこの問題を解決できる可能性があります。

HTML

<div id="load" style="display: none;"><img src="loading_baras.gif" style="width: 550px; height: 10px; margin-top: -10px"></div>