CreateProgressRow = ( progressText, progressWidth, isLeftPlayer = true ) =>
		{
			const progressRow = document.createElement( 'div' );
			progressRow.className = 'steamdb_achievement_status_row steamdb_achievement_status_locked';

			const progress = document.createElement( 'div' );
			progress.className = 'steamdb_achievement_progress';
			progressRow.append( progress );

			if( !isLeftPlayer )
			{
				progress.classList.add( 'steamdb_achievement_progress_compare' );
				// removing parentheses from start and end of second player progress text
				progressText = progressText.replace( /^\(/, '' ).replace( /\)$/, '' );

				// trying to get progress based on text, as right player doesn't have a bar
				const [ current, total ] = progressText.split( '/' ).map( val => val.replace( /,/g, '' ).trim() );
				progressWidth = Math.ceil( Number.parseInt( current, 10 ) / Number.parseInt( total, 10 ) * 100 ) + '%';
			}

			const info = document.createElement( 'div' );
			info.textContent = progressText;
			progress.append( info );

			const progressBar = document.createElement( 'div' );
			progressBar.className = 'steamdb_achievement_progressbar';
			info.append( progressBar );

			const progressBarInner = document.createElement( 'div' );
			progressBarInner.className = 'steamdb_achievement_progressbar_inner';
			progressBarInner.style.width = progressWidth;
			progressBar.append( progressBarInner );

			if( isCompareView )
			{
				const avatar = document.createElement( 'img' );
				avatar.className = 'steamdb_achievement_status_avatar';
				avatar.src = isLeftPlayer ? leftAvatarUrl : rightAvatarUrl;
				progressRow.append( avatar );
			}

			return progressRow;
		}
@param {string} progressText
@param {string} progressWidth
@param {boolean} isLeftPlayer