Quiero crear una barra de estado como esta: https://vaadin.com/learn/tutorials/using-web-components

Esto debe llamarse cuando un usuario accede a una API.

Probé con https://ant.design/components/progress/#header , cambiando continuamente el progreso cada 100 ms, pero cómo hacer que parezca continuo como en https://vaadin.com/learn/tutorials/using- componentes web

 useEffect(()=>{ if(loading==true){ setPercent(0) changePercent() } },[loading]) const changePercent=()=>{ if(loading==false){ return } if(loadingPercent<99){ const rotation = loadingPercent + 1; setPercent(rotation) }else{ setPercent(0) } requestAnimationFrame(changePercent); }

Muestra el progreso 1 y las funciones no se vuelven a llamar