×

进度条怎么制作 进度条

如何在EXCEL表里做进度条?excel单元格制作进度条

admin admin 发表于2022-06-20 12:30:38 浏览300 评论0

抢沙发发表评论

如何在EXCEL表里做进度条


1、桌面,打开excel。

2、文字输入项目名称,完成情况。

3、选中完成情况下各行表格,右键设置单元格格式。

4、弹出的框中,选择百分比,位数2。

5、输入10,显示的是百分比格式。以下表格用格式刷刷成同样百分比。

6、选择条件格式中的数据条选项,选择一种自己喜欢的填充方式。

7、每项工作的进度就生成进度条了。


excel单元格制作进度条


  1. 首先,打开excel软件,按照需要把表格先填充好。

  2. 然后,根据数据内容把表格的数量勾勒出来,合并单元格,并用不同的色块填充。

  3. 之后,按住ctrl键,把所有进度框选择起来,右键,设置单元格格式,将单元格属性调成百分比格式;然后,保持所有进度框选择情况下,在工具栏里“条件格式”下选“数据条”下面的一种喜欢的样式。

  4. 接下来,在所有进度框内根据工作量的进度,输入进展程度的数值;数值输入后,框内就出现对应的进度比例条,颜色和样式可以随便调整,这样就得到了实用的工程进度表。


Bootstrap进度条与AJAX后端数据传递结合使用实例详解


很多时候,我们执行页面上某个URL请求的时候,需要有等待的时间。如果是直接的页面跳转,浏览器会有缓冲进度展示,但是如果是AJAX,我觉得应该自己加上进度条,等待数据全部接收到之后,进度条消失,展示页面。
在Yii框架里面使用了AJAX后,觉得前后端的数据交互变得方便多了。
下面直接贴代码啦
控制器Controller
public
function
actionTest(){
if(isset($_POST[“number“])){
$html
=
“success”;
}else{
$html
=“something
wrong“;
}
sleep(5);
echo
$html;
Yii::app()-》end();
}
View视图
《!--
模态框(Modal)
--》
《div
class=“modal
fade“
id=“searchModal“
tabindex=“-1“
role=“dialog“
aria-labelledby=“myModalLabel“
aria-hidden=“true“》
《div
class=“modal-dialog“》
《div
class=“modal-content“》
《div
class=“modal-body“》
《div
id=’modal_message’
style=“text-align:
center“》《h2》正在查询中.....《/h2》《/div》
《div
class=“progress
progress-striped
active“》
《div
class=“progress-bar
progress-bar-success“
role=“progressbar“
aria-valuenow=“60“
aria-valuemin=“0“
aria-valuemax=“100“
style=“width:
100%;“》
《span
class=“sr-only“》100%
完成《/span》
《/div》
《/div》
《/div》
《/div》《!--
/.modal-content
--》
《/div》《!--
/.modal
--》
《/div》
《script
type=“text/javascript“》
$(“#searchModal“).modal(“show“);//显示“正在查询”字样的模态框
htmlobj
=
$.ajax({
url:“/Controller/test“,
type
:
’POST’,
data
:
{
“number“
:
“123“,
},
dataType
:
“text“,
//contentType
:
’application/x-www-form-urlencoded’,
async
:
true,
success
:
function(mydata)
{
$(’#searchModal’).modal(’hide’);//服务器停止了5秒,sleep(5),假设是查询数据用了5秒
//setTimeout(“$(’#searchModal’).modal(’hide’)“,2000);
//设置2000毫秒之后模态框消失
$(’#searchModal’).on(’hidden.bs.modal’,
function
()
{
//
//
执行一些动作...
$(“#homeworkContent“).html(mydata);
//显示后端传递的结果
});
},
error
:
function()
{
alert(“calc
failed“);
}
});
《/script》
以上所述是小编给大家介绍的Bootstrap进度条与AJAX后端数据传递结合使用,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
-进度条