# give/4.16.1/src/Views/Form/Templates/Sequoia/sections/progress-bar.php

GiveWP – Donation Plugin and Fundraising Platform, version 4.16.1. 25 lines.

- Page: https://pluginprobe.com/plugins/give/4.16.1/code/src/Views/Form/Templates/Sequoia/sections/progress-bar.php
- Raw: https://pluginprobe.com/plugins/give/4.16.1/raw/src/Views/Form/Templates/Sequoia/sections/progress-bar.php
- Modified: 2021-11-23T23:55:18+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/give/4.16.1/code/src/Views/Form/Templates/Sequoia/sections/progress-bar.php#L10-L20`.

```php
<?php

/**
 * @var int $formId
 */
if ($form->has_goal()) : ?>
    <?php
    $color = give_get_meta($formId, '_give_goal_color', true);
    $goalStats = give_goal_progress_stats($formId);

    $style = "width:{$goalStats['progress']}%;";
    if ( ! empty($color)) {
        $style .= ";background: linear-gradient(180deg, {$color} 0%, {$color} 100%), linear-gradient(180deg, #fff 0%, #ccc 100%); background-blend-mode: multiply;";
    }
    ?>
    <div class="progress-bar">
        <div class="give-progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="100" aria-valuenow="<?php
        echo $goalStats['progress']; ?>">
            <span style="<?php
            echo $style; ?>"></span>
        </div><!-- /.give-progress-bar -->
    </div>
<?php
endif; ?>

```