admin管理员组

文章数量:1794759

进度条

进度条

进度条 

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ".dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>进度条</title><link rel="stylesheet" href="resources/layui/css/layui.css">
</head>
<body><fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"><legend>默认风格的进度条</legend>
</fieldset>
<div class="layui-progress"><div class="layui-progress-bar" lay-percent="80%"></div>
</div>
<div style="margin-top: 15px; width:300px"><div class="layui-progress"><div class="layui-progress-bar" lay-percent="70%"></div></div>
</div><fieldset class="layui-elem-field layui-field-title" style="margin-top: 50px;"><legend>更多颜色选取</legend>
</fieldset>
<div class="layui-progress layui-progress-big" lay-showpercent="true"><div class="layui-progress-bar layui-bg-red" lay-percent="20%"></div>
</div>
<br>
<div class="layui-progress" lay-showpercent="true"><div class="layui-progress-bar layui-bg-orange" lay-percent="30%"></div>
</div>
<br>
<div class="layui-progress"><div class="layui-progress-bar layui-bg-green" lay-percent="40%"></div>
</div>
<br>
<div class="layui-progress"><div class="layui-progress-bar layui-bg-blue" lay-percent="50%"></div>
</div>
<br>
<div class="layui-progress"><div class="layui-progress-bar layui-bg-cyan" lay-percent="60%"></div>
</div><script src="resources/layui/layui.js"></script>
<script type="text/javascript">layui.use(['element','jquery'],function(){var $=layui.jquery;var element=layui.element;});
</script>
</body>
</html>

本文标签： 进度条

版权声明：本文标题：进度条 内容由林淑君副主任自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.xiehuijuan.com/baike/1695237195a299717.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。