Sails.js使用Semantic-UI进度条上传文件不起作用

Question

我正在构建一个使用Sails.js框架上传文件的模块。

现在我想使用Semantic-UI中的进度条，但我在下面尝试的代码仅在上传过程完成后才能使用。

如何让进度条显示上传的实际进度？

<form action="/fileUpload" enctype="multipart/form-data" class="ui form" method="post">

    <div class="field">
        <input type="file" name="uploadFile" />
    </div>

    <div class="field">
        <input type="submit" value="Upload" class="ui blue submit button" />
    </div>

</form>

<div class="ui indicating progress" data-percent="0" id="uploadProgress">
    <div class="bar" style="transition-duration: 300ms; width: 100%;"></div>
    <div class="label"></div>
</div>

<script>
    $('#uploadProgress').progress('increment');
</script>