如何根据计算的数据填充进度条

Question

我有一个进度条，想按照消耗物品的百分比来填充。在这里我有物品总数和消耗物品。

这是我的代码

<div>
                    <p class="pull-left">Contacts Added</p>
                    <p class="pull-right">
                        <?php echo $data['customer'] . '/' . $plan_details[0]['contact']; ?>
                    </p>
                    <div class="">
                        <div class="progress progress_sm" style="width: 100%;">
                            <div class="progress-bar bg-green" id="contactsAdded" role="progressbar"
                                 data-transitiongoal=""></div>
                        </div>
                    </div>
                </div>

在上述代码中，$data['customer'] 包含允许注册的客户总数，$plan_details[0]['contact'] 包含已注册客户的总数。

现在我想根据这两个值的计算来填充进度条。所以请向我建议这个逻辑来实现这一点。谢谢

Answer 1

首先，您可以计算消耗物品的亲子关系以填充进度条。

类似这样的：

var getContacts = '<?php echo $plan_details[0]['contact']; ?>';
var AddedContacts = '<?php echo $data['customer']; ?>';
var restContacts = AddedContacts*100/getContacts;
$("#contactsAdded").css({ "width": + restContacts + "%" });
$("#contactsAdded").attr('data-transitiongoal', restContacts);