Can't get loader to only block one element

[jstrez77]

I have my loader working like this

<div class="load">

</div>


require([
    'jquery',
    'domReady!',
    'mage/loader'
], function (jQuery) {
    //<![CDATA[
    jQuery(document).ready(function() {
        
        jQuery('.load')
            .loader(
                {
                    "icon":"<?php echo $block->getViewFileUrl('images/loader-1.gif'); ?>"
                }
            );
           
        jQuery('.load').trigger('processStart');
    });

This all works but the loader is over the whole page. Shouldn't it just block the DIV? I only want it to block the one element.