# give/4.18.0/src/MultiFormGoals/resources/js/blocks/progress-bar/index.js

GiveWP – Donation Plugin and Fundraising Platform, version 4.18.0. 38 lines.

- Page: https://pluginprobe.com/plugins/give/4.18.0/code/src/MultiFormGoals/resources/js/blocks/progress-bar/index.js
- Raw: https://pluginprobe.com/plugins/give/4.18.0/raw/src/MultiFormGoals/resources/js/blocks/progress-bar/index.js
- Modified: 2025-12-08T20:09:52+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.18.0/code/src/MultiFormGoals/resources/js/blocks/progress-bar/index.js#L10-L20`.

```javascript
/**
 * WordPress dependencies
 */
import { __ } from '@wordpress/i18n'
const {registerBlockType} = wp.blocks;

/**
 * Internal dependencies
 */
import blockAttributes from './data/attributes';
import GiveIcon from '@givewp/components/GiveIcon';
import ProgressBar from './edit';

/**
 * Required styles (both common and editor styles)
 */
import '../../../css/common.scss';
import '../../../css/editor.scss';

/**
 * Register Block
 */

export default registerBlockType('give/progress-bar', {
    apiVersion: 3,
    title: __('Progress Bar', 'give'),
    description: __(
        'The Progress Bar block displays progress made across donation forms towards a common goal.',
        'give'
    ),
    category: 'give',
    icon: <GiveIcon color="grey" />,
    keywords: [__('donation', 'give'), __('progress-bar', 'give')],
    attributes: blockAttributes,
    parent: ['give/multi-form-goal'],
    edit: ProgressBar,
});

```