java - 如何使用 JQuery 在 JSF 页面中创建进度条

Question

我想在 JSF 页面中创建进度条原型。此代码用于创建简单的 html 进度条：

           <script type="text/javascript">
            $(function(){
                // Progressbar
                $("#progressbar").progressbar({
                    value: 50
                });                         
            });


           </script>

                <!-- Progressbar -->
            <h2 class="demoHeaders">Progressbar</h2>    
            <div id="progressbar"></div>

此代码可视化简单的进度条。一个backing bean 将for循环并返回进度条完成任务的百分比。我最大的谜团是如何将已完成任务的值从 Java 方法传递回 JS 代码？以及如何在每次for增加值时自动进行 AJAX 调用？