jquery tempalte 根据两个数的商显示进度条

您可以使用jQuery和模板引擎（如Handlebars）来根据两个数的商显示进度条。以下是一个简单的示例：

HTML代码：

<div class="progress-bar"></div>

模板代码：

<script id="template" type="text/x-handlebars-template">
  {{#if quotient}}
    <div class="progress">
      <div class="progress-bar" role="progressbar" aria-valuenow="{{quotient}}" aria-valuemin="0" aria-valuemax="100" style="width: {{quotient}}%;">
        {{quotient}}%
      </div>
    </div>
  {{else}}
    <p>No data available.</p>
  {{/if}}
</script>

JavaScript代码：

$(function() {
  var dividend = 20;   // 被除数
  var divisor = 50;    // 除数
  var quotient = Math.round((dividend / divisor) * 100);   // 商，乘以100后四舍五入取整
  
  var template = Handlebars.compile($('#template').html());
  $('.progress-bar').html(template({ quotient: quotient }));
});

在上面的代码中，我们首先定义了被除数和除数，然后计算它们的商，并将商传递给Handlebars模板。模板中使用了Bootstrap样式来创建进度条，根据商的值来设置进度条的宽度和文本。如果商的值为0或不存在，则显示“No data available.”。