<!DOCTYPE HTML>
<html>
<head>
<title>Progress Meter</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<div class="prog"></div>
<input type="checkbox" name="progress-tasks" id="progress-task1" value="Task 1" checked required>
<label for="progress-task1" class="progress-task">Task 1</label>
<input type="checkbox" name="progress-tasks" id="progress-task2" value="Task 2" checked required>
<label for="progress-task2" class="progress-task">Task 2</label>
<input type="checkbox" name="progress-tasks" id="progress-task3" value="Task 3" required>
<label for="progress-task3" class="progress-task">Task 3</label>
<input type="checkbox" name="progress-tasks" id="progress-task4" value="Task 4" required>
<label for="progress-task4" class="progress-task">Task 4</label>
<input type="checkbox" name="progress-tasks" id="progress-task5" value="Task 5" required>
<label for="progress-task5" class="progress-task">Task 5</label>
<input type="checkbox" name="progress-tasks" id="progress-task6" value="Task 6" required>
<label for="progress-task6" class="progress-task">Task 6</label>
<label for="progress-tasks-percentage" class="progress-tasks-completed"><span>0</span><sup>%</sup> Completed</label>
<progress id="progress-tasks-percentage" name="progress-tasks-percentage" min="0" max="100"></progress>
</form>
</body>
<script type="text/javascript" src="script.js"></script>
</html>
Progress Meter Using CSS and Javascript.zip
需积分: 5 108 浏览量
2023-11-08
19:46:29
上传
评论
收藏 3KB ZIP 举报
sanbaofengs
- 粉丝: 507
- 资源: 711
最新资源
- 基于单片机的便携式粮食水分测试仪的研究
- 测绘基坑支护工程变形监测报告1.pdf
- 基于PHP+swoole实现的微信机器人,依赖vbot和微信网页版的功能,帮助管理微信群/聊天/踢人等+源码+开发文档+运行教程
- com.xunmeng.pinduoduo_Release_cd290ca9_ARM64.apk
- 2788727d-25a0-41b2-b6b4-265d193edb95.doc
- 基于AVR单片机的伺服电机系统研究
- Lab-Electronic Craft Practicum-2-Simulation of a Single Tube Com
- 贪吃蛇基于TypeScript
- CS-CP1-2C3WF固件
- 软件测试测试用例设计方法大全
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈