Progress Bar with HTML and CSS

#progressbar { background-color: black; border-radius: 13px; /* (height of inner div) / 2 + padding */ padding: 3px; } #progressbar>div { background-color: orange; width: 40%; /* Adjust with JavaScript */ height: 20px; border-radius: 10px; } <div id=”progressbar”> <div></div> </div> Fiddle (EDIT: Changed Syntax highlight; changed descendant to child selector)

Custom Progress Bar in Android? [closed]

As shown here you can use image views to get custom scroll bar like effect. The layout XML for custom progress bar in that example is: <RelativeLayout android:id=”@+id/RelativeLayout01″ android:layout_width=”fill_parent” xmlns:android=”http://schemas.android.com/apk/res/android” android:gravity=”center” android:layout_height=”wrap_content” android:paddingLeft=”30sp” android:paddingRight=”30sp”> <ImageView android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:src=”https://stackoverflow.com/questions/4581812/@drawable/progress_1″ android:id=”@+id/imgOne” android:tag=”1″></ImageView> <ImageView android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:src=”@drawable/progress_2″ android:id=”@+id/imgTwo” android:layout_toRightOf=”@id/imgOne” android:tag=”2″></ImageView> <ImageView android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:src=”@drawable/progress_3″ android:id=”@+id/imgThree” android:layout_toRightOf=”@id/imgTwo” android:tag=”3″></ImageView> <TextView … Read more

How do I display progress during a busy loop?

Move the work to a BackgroundWorker and use the ReportProgress method. for (i = 0; i < count; i++) { … do analysis … worker.ReportProgress((100 * i) / count); } private void MyWorker_ProgressChanged(object sender, ProgressChangedEventArgs e) { taskProgressBar.Value = Math.Min(e.ProgressPercentage, 100); } //Create a Delegate to update your status button delegate void StringParameterDelegate(string value); String … Read more

How do I put text on ProgressBar?

You will have to override the OnPaint method, call the base implementation and the paint your own text. You will need to create your own CustomProgressBar and then override OnPaint to draw what ever text you want. Custom Progress Bar Class namespace ProgressBarSample { public enum ProgressBarDisplayText { Percentage, CustomText } class CustomProgressBar: ProgressBar { … Read more

Animate ProgressBar update in Android

I used android Animation for this: public class ProgressBarAnimation extends Animation{ private ProgressBar progressBar; private float from; private float to; public ProgressBarAnimation(ProgressBar progressBar, float from, float to) { super(); this.progressBar = progressBar; this.from = from; this.to = to; } @Override protected void applyTransformation(float interpolatedTime, Transformation t) { super.applyTransformation(interpolatedTime, t); float value = from + (to … Read more

PHP Upload, extract and progressbar

You can make some changes to fit but this works rather well if you want a progress bar. You can add more eventlisteners and make it how you want. I hope this is a good starting point for you. function uploadFile(){ var file = document.getElementById(“zip_file”).files[0]; var formdata = new FormData(); formdata.append(“zip_file”, file); var ajax = … Read more