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);

如何根据计算数据填写进度条

1 个答案: