voronianski / ngprogress-lite Goto Github PK
View Code? Open in Web Editor NEWAngular provider for slim progress bars
Home Page: http://labs.voronianski.dev/ngprogress-lite.js
License: MIT License
Angular provider for slim progress bars
Home Page: http://labs.voronianski.dev/ngprogress-lite.js
License: MIT License
How about changing "angular": "~1.0.8" requirement to "~1". I think this should be working on angular 1.2 version too, because it has only a few breaking changes.
Please add package to http://bower.io/search/ and keep the newest version.
As I have jobs with different durations (few seconds to a few minutes) I'd like to adjust the progress bar. I wonder if setting the trickleRate
is the right place for adjusting the load progress?
Bootstrap's navbar-fixed-top class has z-index of 1030, so I increased the ngProgressLiteBar z-index from 100 to 1050 in ngprogress-lite.css. Now the progress bar is displaying correctly.
Hope this helps someone.
Hi,
Thank's for this. Is that possible to provide your package on npm?
Bests
Why uglify mangle option is set to false? Does it break something important in the code?
Hey! Great plugin!
Right now I'm using it this way:
onRequest:
progress.start()
onSuccess:
progress.done()
onError:
progress.done()
However, I would like to change the presentation of progress bar when request is resulted in error. In my case, I would like to color it as red, but when the next request starts I would like it to be blue again.
What is the best way to do this? Maybe this feature is worth adding to the module itself?
Thanks!
https://github.com/voronianski/ngprogress-lite/blob/master/ngprogress-lite.js#L77
https://github.com/voronianski/ngprogress-lite/blob/master/ngprogress-lite.js#L82
https://github.com/voronianski/ngprogress-lite/blob/master/ngprogress-lite.js#L84
https://github.com/voronianski/ngprogress-lite/blob/master/ngprogress-lite.js#L103
Angular $timeout service is special, because it also runs a digest cycle with $apply()
method.
However, we only change css, but not the scope. This means we don't need to run $apply, because nothing has changed in the scope.
It would be better to change $timeout
with native setTimeout
.
Can you please add the CSS file to the bower.json file so that compiling from something like brunch or grunt is way easier?
Hi,
I want to change the default color of progress bar. Is there any way by which I can do that ?
Thanks
Is it possible to have this progress bar appearing into a specific div?
How would you go about it?
Appreciate it.
Hello, nice plugin!
In my case i do an normal ajax request to get some collection data from the server and furthermore an geolocation.getCurrentPosition request.
The progress should only reach 100% if both of them are done.
At the moment, i start and end every ajax request with a progress-bar, so i don't have to handle everything for myself every time again. For the currentPostionen request i have to start a "second" progress-bar. This resolves into one correct progress (short ajax request) and after that the second "done()" (position) kicks in and shows up for a short amount of time.
The plugin should add up progresses and resolve them only if all off them are resolved.
Thank you very much
Marcel
I would like to use this extension with angulars http. How would I apply?
Hi ,
I want to know if this conflicts with socket.io as i plan on using both in the same app.
Pace.js had the issue of interference with socket.io
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.