# learnpress/4.4.6/assets/src/apps/js/blocks/single-course-item/item-progress/edit.js

LearnPress – WordPress LMS Plugin for Create and Sell Online Courses, version 4.4.6. 27 lines.

- Page: https://pluginprobe.com/plugins/learnpress/4.4.6/code/assets/src/apps/js/blocks/single-course-item/item-progress/edit.js
- Raw: https://pluginprobe.com/plugins/learnpress/4.4.6/raw/assets/src/apps/js/blocks/single-course-item/item-progress/edit.js
- Modified: 2026-08-31T10:33:54+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/learnpress/4.4.6/code/assets/src/apps/js/blocks/single-course-item/item-progress/edit.js#L10-L20`.

```javascript
import { __ } from '@wordpress/i18n';
import { Placeholder } from '@wordpress/components';
import { useBlockProps } from '@wordpress/block-editor';

const Edit = ( props ) => {
	const blockProps = useBlockProps();

	return (
		<div { ...blockProps }>
			<div class="items-progress">
				<span class="number">
					<span class="items-completed">43</span> of 86 items
				</span>
				<div class="learn-press-progress">
					<div
						class="learn-press-progress__active"
						data-value="50%"
						style={ { left: '-50%' } }
					></div>
				</div>
			</div>
		</div>
	);
};

export default Edit;

```