HTML5进度条的最佳方法

时间:2014-03-07 03:39:11

标签: html5

我有一个页面index.php,我要求用户输入要存储在数据库中的记录数。发出请求后,它会将用户重定向到result.php并回显执行时间。现在我想打印HTML5进度条以及其他结果。

我的方法(不起作用):

for($i=0; $i<$records_to_add; $i++)
    {
        mysqli_query($con, "INSERT INTO assignment (name, fname, description) VALUES ('osama', 'yawar', 'This is record')");
        $count++;
        $percent = intval($count/$records_to_add * 100)."%";

        echo '<progress min="0" max="'; echo $records_to_add; echo '" value="'; echo $percent; echo'" class="html5">';

    }

我在做什么错?什么是最好的方法?我想在进度条中显示进度。

1 个答案:

答案 0 :(得分:0)

你混合了两个概念 - 绝对和百分比。

将$百分比改为$ count。添加结束标记。

echo '<progress min="0" max="'; echo $records_to_add; echo '" value="'; echo $count; echo'" class="html5"> </progress>'

来自https://html.spec.whatwg.org/multipage/form-elements.html#the-progress-element

  

要创建一个确定的进度条,请添加一个值属性   当前进度(从0.0到1.0的数字,或者,如果最大值   指定了属性,从0到最大值的数字   属性)。要创建不确定的进度条,请删除该值   属性。