jquery - html オブジェクト要素は読み込みの進行状況を表示します

Question

dataHTML オブジェクト要素のプロパティを設定したら、読み込みの進行状況を表示したいと思います。

これは私が現在それを行う方法です：

HTML

<div class=" container row form-horizontal">
    <div id="printModal" class="modal fade in" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-lg print-dialog">
            <div class="modal-content print-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                    <h4 class="modal-title">Print Out</h4>
                </div>
                <div class="modal-body">
                    <div id="detailAlert" class="alert alert-danger display-hide">
                        <button class="close" data-close="alert"></button>
                        <span>Some Errors have occured!</span>
                    </div>
                    <div class="form-group">
                        <object id="pdfbox" style="width: 100%; height: 800px; overflow:hidden"
                                type="application/pdf"></object>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" data-dismiss="modal" class="btn dark btn-outline">Close</button>
                </div>
            </div>
        </div>
    </div>
</div>

URL を読み込んでいます

    $('#printModal').modal('show');
    var url = '/PurchaseRequisitions/Print?prId=' + prId;
    $('#printModal').find('object').prop('data', url);

基本的な進行状況を表示するためにイベントonloadstartとイベントを使用してみましたが、起動していないようです。onloadeddata

    $('#pdfbox').on('loadstart', function () {
        alert('common');
        //blockComponent('#printModal.modal-content');
    });
    $('#pdfbox').on('loadeddata', function () {
       // unblockComponent('#printModal.modal-content');
    });

上記の 2 つのイベントは w3school で説明されているため、何が間違っているのかわかりませんが、コンソール エラーはありません。