createProgressTextNode = ({ width, color, name, progress, index }) => {
  const staggerDelay = (index + 3) * 150;
  const paddingRight = 95;
  const progressTextX = width - paddingRight + 10;
  const progressWidth = width - paddingRight;

  return `
    <g class="stagger" style="animation-delay: ${staggerDelay}ms">
      <text data-testid="lang-name" x="2" y="15" class="lang-name">${name}</text>
      <text x="${progressTextX}" y="34" class="lang-name">${progress}%</text>
      ${createProgressNode({
        x: 0,
        y: 25,
        color,
        width: progressWidth,
        progress,
        progressBarBackgroundColor: "#ddd",
        delay: staggerDelay + 300,
      })}
    </g>
  `;
}
Create progress bar text item for a programming language.

@param {object} props Function properties.
@param {number} props.width The card width
@param {string} props.color Color of the programming language.
@param {string} props.name Name of the programming language.
@param {number} props.progress Usage of the programming language in percentage.
@param {number} props.index Index of the programming language.
@returns {string} Programming language SVG node.