直接上代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>步驟條step</title>
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/mui.min.css">
<script src="js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<style type="text/css">
* {
box-sizing: border-box
}
.eis-horizontal-steps .eis-form-steps {
overflow: hidden;
padding: 0;
font-size: 0;
position: relative
}
.eis-vertical-steps .eis-form-steps {
overflow: hidden;
padding: 0;
font-size: 0;
position: relative;
width: 150px;
float: left
}
.eis-horizontal-steps .eis-form-steps .eis-form-step {
display: inline-block;