change

Fired before the value of the ProgressBar is changed through the value() method.

The new value can be accessed from the value property of the event passed to your event handler.

The event can be cancelled by calling preventDefault() on the event object.

<div id="progress1"></div>

<script type="text/javascript">

     $(function () {
        $("#progress1").shieldProgressBar({
            value: 30,
            text: {
                enabled: true,
                format: "{0} %"
            },
            events: {
                change: function(e) {
                    alert("change is fired");
                }
            }
        });
    });

</script>