百分比进度条

  1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2 <html xmlns="http://www.w3.org/1999/xhtml">
  3 <head>
  4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5 <title>无标题文档</title>
  6 <style type="text/css">
  7 #fanhui{ display:none}
  8 </style>
  9 </head>
 10
 11 <body>
 12 <form action="tpchuli.php" method="post"> <!--表单开头  1 -->
 13 <?php
 14
 15
 16 //连接数据库   1
 17 $db = new  MySQLi("localhost","root","123","mydb");
 18
 19
 20 //写sql语句  1
 21 $sql = "select * from diaoyantimu";
 22
 23 //执行sql语句  1
 24 $result = $db->query($sql);
 25
 26 //调用$result所接受到的数据,转换成二维数组,交给给$attr,再转出去  1
 27 $attr = $result->fetch_all();
 28
 29 foreach($attr as $v) //foreach循环所转换出二维数组,循环遍历出每一条数据  1
 30 {
 31     echo "<div>{$v[1]}</div>";  //输出题目标题   输出你想要显示的那个列的内容
 32                      //   找    这个表       里边的   这个列=这个表里的主键    $v索引[0]是此表的主键    这句话就是将上面那个题目的选项查出来   1
 33     $sxx = "select * from diaoyanxuanxiang where timudaihao=‘{$v[0]}‘";
 34     //        使用块方法来执行 返回结果级对象给$rxx 接受  1
 35     $rxx = $db->query($sxx);
 36     //$axx收到的结果集对象后用fetch_all取出数据  1
 37     $axx = $rxx->fetch_all();
 38
 39     $bs = 0;
 40     if(!empty($_GET["a"]))
 41     {
 42         $bs = $_GET["a"];
 43     }
 44
 45     $s = $bs==1?"none":"block";
 46     //这个div是投票
 47     echo "<div id=‘toupiao‘ style=‘display:{$s}‘>";  //输出div将foreach求出的值扩起来,可以 2
 48     foreach($axx as $v1) //foreach遍历一下二维数组,进了这个选项,这个$v1取到的是每一个选项的信息  1
 49     {
 50         //输出选项的信息    <input 在选项前面加上复选框 name‘给个neme值,此选项是需要提交的! tp[ 以数组的方式提交 ]‘ value=‘{$v1[0]‘提交选项的主键值} /> 1
 51         echo "<div><input type=‘checkbox‘ name=‘tp[]‘ value=‘{$v1[0]}‘ />{$v1[1]}</div>";
 52     }   //显示选项
 53     echo "</div>";  //投票div
 54
 55     $s1 = $bs==0?"none":"block";
 56
 57     //显示投票结果
 58     echo "<div id=‘jieguo‘ style=‘display:{$s1}‘>";
 59
 60     foreach($axx as $v2)  //循环遍历$axx之前上面求出的值
 61     {
 62         $v2[2]; //求百分比 先求当前选项的人数
 63         //再求总人数       求这个列      from      这个表        条件  这个列=这个列的主键
 64         $szrs = "select sum(numbers) from diaoyanxuanxiang where timudaihao=‘{$v[0]}‘";
 65         //使用块方法执行语句
 66         $rzrs = $db->query($szrs);
 67         $azrs = $rzrs->fetch_row();  //取到的是第一条数据 是一维数组
 68         $azrs[0]; //以为数组取索引0 就是总人数
 69
 70         $bfb = ($v2[2]/$azrs[0])*100;    //$bfb =($v2[2]当前人数 除以/ 总人数) 得出的是小数 乘以 *100  就是百分数
 71
 72         //显示$v2[1]选项的内容  <外层 div>设置进度条边框 <里层 div>设置进度</div></div>
 73         echo "<div>{$v2[1]}<div style=‘width:100px; height:10px; border:1px solid black;‘><div style=‘width:{$bfb}%; height:10px; background-color:red‘></div></div>{$v2[2]} {$bfb}%</div>";  //{ $v2[2]  显示人数,} { 显示}百分比 %
 74     } //选项结果
 75
 76     echo "</div>";
 77 }
 78
 79 ?>
 80
 81 <input type="submit" value="投票" />  <!--提交投票-->
 82 <input type="button" id="jg" value="查看结果" onclick="showjg()" />
 83 <input type="button" id="fanhui" value="返回" onclick="showtp()"  />
 84 </form>  <!--表单结束 1-->
 85 </body>
 86
 87 <script type="text/javascript">
 88 function showjg()
 89 {
 90     document.getElementById("jieguo").style.display="block";
 91     document.getElementById("toupiao").style.display="none";
 92     document.getElementById("jg").style.display="none";
 93     document.getElementById("fanhui").style.display="block";
 94
 95 }
 96
 97 function showtp()
 98 {
 99     document.getElementById("jieguo").style.display="none";
100     document.getElementById("toupiao").style.display="block";
101     document.getElementById("jg").style.display="block";
102     document.getElementById("fanhui").style.display="none";
103 }
104 </script>
105 </html>
时间: 11-03

百分比进度条的相关文章

使用ajax实现简单的带百分比进度条

需求:当进行文件长传保存等操作时,能在页面显示一个带百分比的进度条,给用户一个好的交互体验 实现步骤 JSP页面 1.添加table标签 <table id="load" width="700" border="0" align="center" bgcolor="#FAFAFA" cellpadding="0" cellspacing="0" borderco

控制台进度条

今天在整理资料的时候,翻出多年前在网上看到的一篇帖子,一个控制台的进度条,非常酷炫,原文出处-传送门. 记得在刚开始接触编程的时候,用控制台写些小工具玩,也喜欢将信息打印到屏幕上,看着不断闪动的屏幕觉得很酷,后来一次偶然的机会看到了这个进度条让控制台的输出又上了一个层次,感谢作者. static void Main(string[] args) { Random r = new Random(); while (true) { ConsoleProgressBar bar = new Conso

如何为无法获取进度百分比的耗时操作增加“伪进度条”?

在实际开发中,可能会遇到这样的场景:“一个操作非常耗时,但却无法获取其进度百分比”.造成这种情况的原因可能有: 1)该操作属于第三方库(泛指我们使用但无法修改的第三方代码,因此质量有高有底),可能由于第三方库作者没有意识到这个操作在某些情况下会非常耗时,没有提供进度值. 2)某些操作压根就无法计算进度或者计算进度要牺牲极大的效率. 这种场景,执行这样的耗时操作会导致程序UI假死.为了提高用户体验,我们可以为该操作提供一个假的进度条,即保证程序UI不假死.我们将耗时操作放到子线程中去执行,然后在G

097在进度条中显示进度百分比

效果如下: ViewController.h 1 #import <UIKit/UIKit.h> 2 #import "KMProgressViewWithLabel.h" 3 4 @interface ViewController : UIViewController 5 @property (strong, nonatomic) KMProgressViewWithLabel *progressViewCustom; 6 7 @end ViewController.m

HTML5动画(二):Canvas 实现圆形进度条并显示数字百分比

实现效果 1.首先创建html代码 <canvas id="canvas" width="500" height="500" style="background:#000;"></canvas> 2.创建canvas环境 var canvas = document.getElementById('canvas'), //获取canvas元素 context = canvas.getContext('2d

一个简短小巧的带百分比的进度条

大家在安装程序或下载文件时,通常都能看到进度条,提示你当前任务的进度.其实,在python中实现这个功能很简单,下面是具体代码.在实际应用中,你完全可以根据自己的要求进行修改!比如,示例中是通过time.sleep()方法进行时间延迟,你完全可以根据实际的程序运行耗时进行控制:同样,在进度百分比处,你也可以显示实际的进度比,而不是例子中机械的自增百分比. import sys import time def view_bar(num, total): rate = num / total rat

python实现进度条和百分比同时显示

python中同时打印进度条和百分比 仅打印进度条: import sys,time for i in range(100): sys.stdout.write('>') sys.stdout.flush() time.sleep(0.1) 效果: 打印百分比: import sys,time for i in range(100): sys.stdout.write('\r%s%%'%(i+1)) sys.stdout.flush() time.sleep(0.1) 效果: 打印进度条和百分比

CProgressCtrl 进度条显示百分比

1.资源添加CProgressCtrl,添加变量m_proCtrl. 2.添加类CMyProCtrl 1)添加3个成员变量 COLORREF m_colPro; // 进度条颜色 COLORREF m_colBlank; // 空白区域颜色 COLORREF m_colText; // 文字颜色 2)重写WM_PAINT函数 void CMyProCtrl::OnPaint() { //CPaintDC dc(this); // device context for painting // TO

Bootstrap进度条

Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果.Internet Explorer 9 及之前的版本和旧版的 Firefox 不支持该特性, Opera 12 不支持动画. 默认的进度条 创建一个基本的进度条的步骤如下: 添加一个带有 class .progress 的 <div>. 接着,在上面的 <div> 内,添加一个带有 class .progress-bar 的空的 <div>. 添加一个带有百分比表示的宽度的 style 属性,例如 sty