Индикатор выполнения для онлайн-формы

Question

Я делаю форму заявки для своего рода опроса и хочу включить индикатор в верхней части, показывающий графически (не очень высокий уровень), как далеко продвинулся пользователь.

Я провел какое-то время в сети и просил Google по-разному это сделать, но все это поставляется с индикатором загрузки / выгрузки.

Я пишу форму в XHTML и CSS с обработчиком PHP в базу данных MySQL. Общее мышление кажется ASP (некоторые из которых являются JQuery), с которым у меня нет опыта, если это должен быть ASP, то хорошо, но есть ли другой способ, и если это действительно нужно ASP, не могли бы вы помочь?

Заранее спасибо.

Answer 1

Возможные решения:

1. Включите другое изображение на каждой странице, показывая ход выполнения.
2. Используйте php, чтобы получить текущий прогресс, и включите изображение.
3. Сделайте div в качестве индикатора выполнения с разной шириной
4. ...

Вы можете даже использовать простой html ... Однако вот два возможных решения с php:

<?php
$progress = 1;
$max = 5

echo "<img src=\"progress_".$progress.".jpg\" />"

?>

где progress_1.jpg, progress_2.jpg, ... ваши изображения.

Без изображений - только CSS:

<?php
$progress = 70;
$max = 100;
?>
    <div style="height:15px; width:<?=$max?>px; background-color:silver; padding:1px;">
        <div style="height: 100%; width:<?=$progress?>px; background-color:yellow"></div>
    </div>