Tengo un requisito en el que muestro la información sobre herramientas en la barra de progreso cuando pasamos el mouse sobre la barra de progreso, pero quiero que la información sobre herramientas se mueva con la posición del cursor al pasar el mouse sobre la barra de progreso.

En este momento, he colocado la información sobre herramientas en el medio del elemento de forma predeterminada.

Obtuve la solución de mi requerimiento en Mui5 Tooltips ( información sobre herramientas flotante) pero tengo Mui4 instalado y no puedo cambiar eso. Por lo tanto buscando otra solución.

Debajo de la captura de pantalla de la interfaz de usuario (barra de progreso) y el código.

 <Tooltip title={' i am tooltip text'} > <div className="progress-bar"> {plotProgressBar(data?.infoValue)} </div> </Tooltip>

Por favor, hágame saber cómo podemos hacer esto o deme alguna referencia donde pueda leer e implementar lo mismo.