
                                <div class="item inFlex">
                                    <p class="label mb-0">20 - 30</p>
                                    <div class="progress w-100">
                                        <div class="progress-bar bg1" role="progressbar" style="width: <?php echo e($first); ?>%;" aria-valuenow="<?php echo e($first); ?>" aria-valuemin="0" aria-valuemax="100"><?php echo e($first); ?>%</div>
                                    </div>
                                </div>
                                <div class="item inFlex">
                                    <p class="label mb-0">10 - 20</p>
                                    <div class="progress w-100">
                                        <div class="progress-bar bg2" role="progressbar" style="width: <?php echo e($second); ?>%;" aria-valuenow="<?php echo e($second); ?>" aria-valuemin="0" aria-valuemax="100"><?php echo e($second); ?>%</div>
                                    </div>
                                </div>
                                <div class="item inFlex">
                                    <p class="label mb-0">30 - 40</p>
                                    <div class="progress w-100">
                                        <div class="progress-bar bg3" role="progressbar" style="width: <?php echo e($third); ?>%;" aria-valuenow="<?php echo e($third); ?>" aria-valuemin="0" aria-valuemax="100"><?php echo e($third); ?>%</div>
                                    </div>
                                </div>
                                <div class="item inFlex">
                                    <p class="label mb-0">40 - 50</p>
                                    <div class="progress w-100">
                                        <div class="progress-bar bg4" role="progressbar" style="width: <?php echo e($fourth); ?>%;" aria-valuenow="<?php echo e($fourth); ?>" aria-valuemin="0" aria-valuemax="100"><?php echo e($fourth); ?>%</div>
                                    </div>
                                </div>
                            <div class="progress-wrap ">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102"><path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 220.587;"></path></svg>
    </div>
     <script src="<?php echo e(url('')); ?>/assets/web/js/lib/jquery4.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/popper.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/bootstrap.bundle.min.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/jquery.fancybox.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/swiper.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/wow.min.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/back-to-top.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/lib/scollit.min.js"></script>
    <script src="<?php echo e(url('')); ?>/assets/web/js/main.js"></script><?php /**PATH /home/omaralyomhost/public_html/personal/resources/views/web/pages/home/percentage.blade.php ENDPATH**/ ?>