建立一个WEB工程，添加新项->HTML页面，命名为ProgressBar.htm，内容如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" id="mainWindow">
<head>
<title>无标题页</title>
<script language="javascript">
function SetPorgressBar(pos)
{
//设置进度条居中
var screenHeight = window["mainWindow"].offsetHeight
var screenWidth = window["mainWindow"].offsetWidth
ProgressBarSide.style.width = Math.round(screenWidth / 2)
ProgressBarSide.style.left = Math.round(screenWidth / 4)
ProgressBarSide.style.top = Math.round(screenHeight / 2)
ProgressBarSide.style.height = "21px"
ProgressBarSide.style.display = ""
//设置进度条百分比
ProgressBar.style.width = pos + "%"
ProgressText.innerHTML = pos + "%"
}
//完成后隐藏进度条
function SetCompleted()
{
ProgressBarSide.style.display = "none"
}
</script>
</head>
<body>
<div id="ProgressBarSide" style="position:absoluteheight:21xwidth:100pxcolor:Silverborder-width:1pxborder-style:Soliddisplay:none">
<div id="ProgressBar" style="position:absoluteheight:21pxwidth:0%background-color:#3366FF"></div>
<div id="ProgressText" style="position:absoluteheight:21pxwidth:100%text-align:center"></div>
</div>
</body>
</html>
后台代码，Default.aspx.cs：
using System
sing System.Data
sing System.Configuration
sing System.Web
sing System.Web.Security
sing System.Web.UI
sing System.Web.UI.WebControls
sing System.Web.UI.WebControls.WebParts
sing System.Web.UI.HtmlControls
sing System.Threading
sing System.IO
ublic partial class _Default : System.Web.UI.Page
private void beginProgress()
{
//根据ProgressBar.htm显示进度条界面
string templateFileName = Path.Combine(Server.MapPath("."), "ProgressBar.htm")
StreamReader reader = new StreamReader(@templateFileName,System.Text.Encoding.GetEncoding("GB2312"))
string html = reader.ReadToEnd()
reader.Close()
Response.Write(html)
Response.Flush()
}
private void setProgress(int percent)
{
string jsBlock = "<script>SetPorgressBar('" + percent.ToString() + "')</script>"
Response.Write(jsBlock)
Response.Flush()
}
private void finishProgress()
{
string jsBlock = "<script>SetCompleted()</script>"
Response.Write(jsBlock)
Response.Flush()
}
private void Page_Load(object sender, System.EventArgs e)
{
beginProgress()
for (int i = 1i <= 100i++)
{
setProgress(i)
//此处用线程休眠代替实际的 *** 作，如加载数据等
System.Threading.Thread.Sleep(50)
}
finishProgress()
}
*** 作方法如下：
1、首先打开一张单元表，需要在“完成进度”一列中展示完成的进度。
2、选择要插入进度条的单元格，在菜单栏中选择“条件按钮”中的“数据条”选项。
3、接着在打开的菜单页面中，选择第一种填充方式。
4、然后在需要插入进度条的单元格中输入希望插入的百分数。
5、这样就完成了单元格插入进度条的 *** 作，如下图所示就完成了。
相信很多职场小伙伴儿在工作中经常需要用百分比来表示项目进度，相对于数字，用颜色标注的进度条更直观醒目。今天就和小伙伴儿们分享一下如何在WPS 表格里面设置百分比进度条。开启分步阅读模式
工具材料：
WPS Excel
*** 作方法
01
首先，打开一个WPS Excel，然后选中要设置进度条的单元格（可以先设置格式再填百分比也可先填百分比再设置格式。本章讲的是先填百分比再设置格式）
02
然后点击WPS Excel左边的“开始”，点击“条件格式”，再点击“数据条”。在d出来的选项最下面选择“其他规则”
03
点击“其他规则”后会d出一个新的窗口，如图。d出的新窗口在选择规则类型时会自动默认为”基于各自设置所有单元格的格式“；然后将”最小值“”最大值“的类型勾选为”数字“，将”最小值“设置为”0“，”最大值“设置为”1“（如图）
04
将以上步骤设置好后，点击”负值和坐标轴“，会d出一个新的窗口。第一个是选择填充颜色，这个随自己喜好；第二个”坐标值设置“勾选第三个”无“。然后点击”确定“
05
然后所有的百分比都是用颜色显示的进度条啦
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）