Comments (2)
Hello.
You can do the loading smoothness however you want because you control the direct value of the loading bar with the progress property. What we can do is automate the process, I mean that since we signal the loading bar that the loading started the loading bar takes care of himself and smoothly increase near 100%, but never reach it. It only reaches 100% when we signal it that the loading is done. Like YouTube does. Like a fake loading bar that has no idea what is happening but just know when to start and when to reach 100%, with events. Yeah I have been thinking about that. And I have a idea how to do it. I will work on it or you can if you wish :)
from react-top-loading-bar.
Hey @lightninglu10 just added the feature you requested (continuous loading bar) and much more in the latest commit. Now you don't need to set up a local state, you can use ref and built in methods. Although this is optional. You still can use the old way with props and state.
from react-top-loading-bar.
Related Issues (20)
- Use <LoadingBar> on React Functional Component HOT 13
- onLoadFinshed not taking effect HOT 1
- Make it work with HTTP Calls HOT 5
- Warning: Using UNSAFE_componentWillReceiveProps in strict mode is not recommended. HOT 1
- Support style prop HOT 2
- TypeScript types HOT 1
- Call hook outside react context HOT 4
- className does not work! HOT 2
- Types export HOT 1
- Support for React v17 HOT 3
- New release? HOT 1
- If continuousStart and complete are called within the same render they may get stucked HOT 3
- Wrong TS typings for LoadingBarRef's continuousStart method HOT 1
- Continuous bar stuck below 90 percent
- error while installing this package in react. HOT 1
- topbar usage HOT 2
- How to control the position of the loading bar? HOT 2
- Expose current progress value in ref
- Is there a way to keep the bar at the top without it disappearing at progress = 100? HOT 7
- Change Top loading bar direction HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-top-loading-bar.