You can print a carriage return \r to put the cursor back to the beginning of line. Example: public class ProgressDemo { static void updateProgress(double progressPercentage) { final int width = 50; // progress bar width in chars System.out.print(“\r[“); int i = 0; for (; i <= (int)(progressPercentage*width); i++) { System.out.print(“.”); } for (; i … Read more
If you change progress value each time by 1 (for example from 45 to 46) you won’t see the animation. You’d better change progress by 100 points (or maybe other), for this you just need to multiply your max value by 100 and each progress value to 100 too. For example: private void setProgressMax(ProgressBar pb, … Read more
You can use Angular Loading Bar. It works automatically for $http requests and does not need any setup except adding it as app dependency. angular.module(‘app’, [‘angular-loading-bar’]); // that’s all
NProgress.js is a very cool and simple library. The Git repository is here. It has an MIT License.
You can do it by controlling the width of a div via css. Something roughly along these lines: <div id=”container” style=”width:100%; height:50px; border:1px solid black;”> <div id=”progress-bar” style=”width:50%;/*change this width */ background-image:url(someImage.png); height:45px;”> </div> </div> That width value can be sent in from php if you so desire.
You need something like this: public delegate void ProgressChangeDelegate(double Percentage, ref bool Cancel); public delegate void Completedelegate(); class CustomFileCopier { public CustomFileCopier(string Source, string Dest) { this.SourceFilePath = Source; this.DestFilePath = Dest; OnProgressChanged += delegate { }; OnComplete += delegate { }; } public void Copy() { byte[] buffer = new byte[1024 * 1024]; // … Read more
The best I think is using Comet. In Comet-style applications, the server can essentially push data to the client (instead of the client request data from the server again and again.). The client needs to only connect to server once. and then server will keep pushing data back to client. From Wikipedia: Comet is a … Read more
I fiddled around with it and here’s what I found. Using jQuery UI v1.8rc3, I can override the theme colors for the progress bar. Here’s how: When you add a progressbar widget to a div, with something like: $(“#mydiv”).progressbar({value:0}); …the jQuery UI progressbar creates a div within your div; this inner div represents the value … Read more
I’ll get you started: Create two equally sized “progress bars” (divs). Set their size to the full width they would be if they were at 100%. Set one bar to black text with a white background and the other to yellow text with a blue background, as per your example above. Set the yellow/blue bar … Read more