Can't listen to events on a custom field

 <div 
        x-data="{
            progress: 55,
            updateText: ''
        }"
        
        x-on:progress-update="alert('lol')"
        >
        <progress :value="progress" max="100"></progress>
        <span class="text-sm" x-html="updateText"></span>
    </div>