<!doctype html>
<html class="full-height" dir="{-:*_LD_-}">
<head>
<meta charset="utf-8" />
<title>{-:@_OPERATION_TIPS_-}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
<meta name="HandheldFriendly" content="true">
<link rel="stylesheet" type="text/css" href="{-:*__RES__-}fea/css/fea.g.min.css" />
{-if:'rtl'==_LD_-}
<link rel="stylesheet" type="text/css" href="{-:*__RES__-}fea/css/fea.g.rtl.min.css" />
<link rel="stylesheet" type="text/css" href="{-:*__STYLE__-}css/common-rtl.css" />
{-:/if-}
<script>
var GV = {
	_LD_ : '{-:*_LD_-}',
	LANG_NAME : '{-:*LANG_NAME-}'
};
</script>
</head>

<dl class="box">
	<dt></dt>
	<dd class="message">
		<div class="progressBarBox"><div id="progressBar" class="progressBar"></div></div>
		
	</dd>
</dl>
<body class="full-height">
<div class="align-center vertical-align full-height width-sm-4-3 width-md-2-1 width-lg-4-1">
	<div class="vertical-align-middle">
		<div class="panel panel-{-:$status-} align-center">
			<div class="panel-heading">{-:@PROGRESS-}</div>
			<div class="panel-body">
				<div class="progress progress-striped active">
					<div class="progress-bar progress-bar-info"></div>
				</div>
				<div id="progressInfo">progressInfo</div>
			</div>
			<div class="panel-footer text-right"></div>
		</div>
	</div>
</div>
<script src="{-:*__RES__-}js/loga.js"></script>
<script src="{-:*__RES__-}js/jquery.js"></script>
<script src="{-:*__RES__-}fea/js/fea.min.js"></script>
<script src="{-:*__STYLE__-}js/common.js"></script>
<script>
function show_progress(message, barLength) {
	$('.progress-bar').css({'width':barLength});
	$('#progressInfo').html(message);
}
function show_direction(nextUrl) {
	$('.panel-footer').append('<div class="btn-group"><a href="' + nextUrl + '" class="btn">{-:@_GO_NEXT_-}</a></div>');
}
</script>
</body>
</html>