Site settings
Change the appearance of the site to suit your preferences
ProgressLoader
A progress loader is a loading indicator that shows you how far in a process the user has come.
A progress loader with a set progress
<ProgressLoader value={50} maxWidth="150px" />
A labeled progress loader
<ProgressLoader label="Betaler" value={50} maxWidth="150px" />
A progress loader with a label that changes every 5 seconds
<ProgressLoader label={["Kontakter bank", "Verifiserer", "Straks ferdig"]} value={30} maxWidth="150px" />
A more advanced example, with dummy loading value
() => { const [value, setValue] = React.useState(0); React.useEffect(() => { const interval = setInterval(() => { setValue((prev) => { const next = prev + 10; return next > 100 ? 0 : next; // Restart when over 100 }); }, 1000); return () => clearInterval(interval); }, []); return ( <ProgressLoader label={["Kontakter bank", "Verifiserer", "fullfører"]} value={value} maxWidth="150px" labelRotationDelay={3666} /> ); }