winform进度条
1.设计思想
本地的进度条还是比较好实现的，直接拉控件progressBar与timer控件，结合使用，设置时间使进度条控件progressBar ，一步步的增加，让我们看到了进度条一步步往前走的效果。`
- 实现代码
if (progressBar1.Value == progressBar1.Maximum)
{
label1.Text = Form1.tishi;
label1.Text = "正在导入，请稍后.....";
progressBar1.Value = 0;
}
progressBar1.PerformStep();
- 效果图
kso经验记录 -- winform进度条控件与html进度简单实现
html实现进度条
-
设计思想
首先底层是一个div块，上面放一个
<div class="sp1"></div>
- 代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>进度条</title>
<script src="jquery-3.4.1.js"></script>
<script type="text/javascript">
$(function () {
$(".btu1").click(function () {
var begin = 1;
var end = $(".div1").width();
var time = setInterval(ters ,10);
function ters() {
if (begin == end) {
clearInterval(time);
} else {
begin += 1;
$(".sp1").css("width",begin) ;
} }
});
})
</script>
<style type="text/css">
.div1 {
height:15px;
width:1400px;
border:1px solid MediumSlateBlue;
}
.sp1 {
height:15px;
width:1px;
background-color:Orchid;
border:1px solid MediumSlateBlue;
}
</style>
</head>
<body>
<div class="div1">
<div class="sp1"></div>
</div>
<br /><br /><br />
<input type="button" name="name" class="btu1" value="运行进度条" />
</body>
</html>
- 效果图
总结
其实不论是本地程序还是网页，基本的原理都是一样的，一点一点的增加它的宽度，来达到进度条的效果。
在winform中，运行进度条会使程序卡死，所以千万别忘了使用多线程，一个运行主方法，另一个运行进度条效果。
希望在下的经验帮助大家.