Top Loading Bar

Top Loading Bar

reactjs

1 follower

Visit website
top loading bar makes the ui loo for pro when u switch from one page to another this app makes it look more pro and nice to the users
Top Loading Bar gallery image
Top Loading Bar gallery image
Free
Launch tags:Productivity•User Experience•Developer Tools
Launch Team
Tines
Tines
The intelligent workflow platform
Promoted

What do you think? …

vikram srinivas
Maker
how to use top-loading-bar Using npm :- npm i top-loading-bar Using yarn :- yarn add top-loading-bar How to use this :- With ref :- import React, { useRef } from 'react' import LoadingBar from 'top-loading-bar/dist' const App = () => { const ref = useRef(null) return (
ref.current.continuousStart()}> Start Continuous Loading Bar ref.current.staticStart()}> Start Static Loading Bar ref.current.complete()}>Complete
) } export default App With state :- import React, { useState } from 'react' import LoadingBar from 'top-loading-bar/dist' const App = () => { const [progress, setProgress] = useState(0) return (
setProgress(0)} /> setProgress(progress + 10)}>Add 10% setProgress(progress + 20)}>Add 20% setProgress(100)}>Complete
) } export default App Nextjs and Reactjs recommended frameworks
vikram srinivas
Maker
vikram srinivas
Maker
vikram srinivas
Maker
demo coming soon.. @\