急！web应用程序上添加进度条……

Question

不用这样吧！
像CSDN上一样做一个加载进提示”正在加载.....“就可以！
<script language="javascript">
document.write("正在加载.....");
window.clear;
window.location.href="要进入的网址"
</script>

Answer 1

最简单的方法,作一个gif动画文件就可以了,呵呵

Answer 2

int min = 0; // Minimum value for progress range
int max = 100; // Maximum value for progress range
int val = 0; // Current progress
Color BarColor = Color.Blue; // Color of progress meterprotected override void OnResize(EventArgs e)
{
// Invalidate the control to get a repaint.
this.Invalidate();
}protected override void OnPaint(PaintEventArgs e)
{
Graphics g = e.Graphics;
SolidBrush brush = new SolidBrush(BarColor);
float percent = (float)(val - min) / (float)(max - min);
Rectangle rect = this.ClientRectangle; // Calculate area for drawing the progress.
rect.Width = (int)((float)rect.Width * percent); // Draw the progress meter.
g.FillRectangle(brush, rect); // Draw a three-dimensional border around the control.
Draw3DBorder(g); // Clean up.
brush.Dispose();
g.Dispose();
}public int Minimum
{
get
{
return min;
} set
{
// Prevent a negative value.
if (value < 0)
{
min = 0;
}

// Make sure that the minimum value is never set higher than the maximum value.
if (value > max)
{
min = value;
min = value;
}

// Ensure value is still in range
if (val < min)
{
val = min;
} // Invalidate the control to get a repaint.
this.Invalidate();
}
}public int Maximum
{
get
{
return max;
} set
{
// Make sure that the maximum value is never set lower than the minimum value.
if (value < min)
{
min = value;
} max = value; // Make sure that value is still in range.
if (val > max)
{
val = max;
} // Invalidate the control to get a repaint.
this.Invalidate();
}
}public int Value
{
get
{
return val;
} set
{
int oldValue = val; // Make sure that the value does not stray outside the valid range.
if (value < min)
{
val = min;
}
else if (value > max)
{
val = max;
}
else
{
val = value;
} // Invalidate only the changed area.
float percent; Rectangle newValueRect = this.ClientRectangle;
Rectangle oldValueRect = this.ClientRectangle; // Use a new value to calculate the rectangle for progress.
percent = (float)(val - min) / (float)(max - min);
newValueRect.Width = (int)((float)newValueRect.Width * percent); // Use an old value to calculate the rectangle for progress.
percent = (float)(oldValue - min) / (float)(max - min);
oldValueRect.Width = (int)((float)oldValueRect.Width * percent); Rectangle updateRect = new Rectangle();

// Find only the part of the screen that must be updated.
if (newValueRect.Width > oldValueRect.Width)
{
updateRect.X = oldValueRect.Size.Width;
updateRect.Width = newValueRect.Width - oldValueRect.Width;
}
else
{
updateRect.X = newValueRect.Size.Width;
updateRect.Width = oldValueRect.Width - newValueRect.Width;
} updateRect.Height = this.Height; // Invalidate the intersection region only.
this.Invalidate(updateRect);
}
}public Color ProgressBarColor
{
get
{
return BarColor;
} set
{
BarColor = value; // Invalidate the control to get a repaint.
this.Invalidate();
}
}private void Draw3DBorder(Graphics g)
{
int PenWidth = (int)Pens.White.Width; g.DrawLine(Pens.DarkGray, 
new Point(this.ClientRectangle.Left, this.ClientRectangle.Top),
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top));
g.DrawLine(Pens.DarkGray,
new Point(this.ClientRectangle.Left, this.ClientRectangle.Top), 
new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth));
g.DrawLine(Pens.White,
new Point(this.ClientRectangle.Left, this.ClientRectangle.Height - PenWidth), 
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth));
g.DrawLine(Pens.White,
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Top), 
new Point(this.ClientRectangle.Width - PenWidth, this.ClientRectangle.Height - PenWidth));
}

Answer 3

需要有服务器上你也装一个东东实时检测。
并通过XML或Webserivce返还给客户端。我是不能贴代码；）

Answer 4

...
<script>
function setProgress(pc)
{
someElement.style.width=pc*4+"px";
}
</script>
不断地:<script>
setProgress(1);
</script>
<script>
setProgress(2);
</script>
...
<script>
setProgress(99);
</script>
<script>
setProgress(100);
</script>