Я пытаюсь сделать пользовательский индикатор с изображением, но я не уверен, с чего начать - PullRequest
0 голосов
/ 06 ноября 2019

Моя главная цель - получить изображение в конце индикатора выполнения, чтобы при его перемещении изображение перемещалось вместе с ним.

Я использовал стандартный индикатор выполнения из HTML, но я не очень хорошо разбираюсь в HTML, поэтому я не уверен, как я мог бы изменить его, чтобы получить изображение.

Это штрих-код в моем основном файле.

<h3 id="progress2">Progress</h3>
<progress id="progress" value="<?php echo $total1 ?>" max="<?php echo $pracGoal ?>">
</progress>

total1 и pracGoal - это переменные, которые должны быть текущим значением и максимумом бара. Ниже мой код CSS в отдельной таблице.

#Progress{
    width: 50%;
    background-color:#ddd;
    position:fixed;
    top:50px;
    left:110px;
} 

В настоящее время я просто получаю стандартную строку прогресса HTML. Однако моя цель - получить что-то похожее на индикатор выполнения, но с изображением кролика в конце столбца или что-то в том же направлении, что и индикатор выполнения.

...