代码拉取完成，页面将自动刷新
同步操作将从 第五季/theme 强制同步，此操作会覆盖自 Fork 仓库以来所做的任何修改，且无法恢复！！！
确定后同步将在后台操作，完成时将刷新页面，请耐心等待。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="CleverAdmin - Bootstrap Admin Template">
<meta name="author" content="Łukasz Holeczek">
<meta name="keyword" content="CleverAdmin, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="assets/ico/apple-touch-icon-57-precomposed.png">
<link rel="shortcut icon" href="assets/ico/favicon.png">
<title>cleverAdmin - Bootstrap Admin Template</title>
<!-- Bootstrap core CSS -->
<link href="assets/css/bootstrap.min.css" rel="stylesheet">
<!-- page css files -->
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link href="assets/css/jquery-ui.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="assets/css/style.min.css" rel="stylesheet">
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
</head>
<body>
<!-- start: Header -->
<div class="navbar" role="navigation">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar">a</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="ui-sliders-progress.html#"><img src="assets/img/logo.png"> cleverAdmin</a>
</div>
<ul class="nav navbar-nav navbar-actions navbar-left">
<li><a href="ui-sliders-progress.html#" id="main-menu-toggle"><i class="fa fa-bars"></i></a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li class="dropdown">
<a href="ui-sliders-progress.html#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-comments-o"></i><span class="badge">4</span></a>
<ul class="dropdown-menu">
<li class="dropdown-menu-header">
<strong>Messages</strong>
<div class="progress thin">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
</li>
<li class="avatar">
<a href="ui-sliders-progress.html#">
<img src="assets/img/avatar.jpg">
<div>New message</div>
<small>1 minute ago</small>
<span class="label label-info">NEW</span>
</a>
</li>
<li class="avatar">
<a href="ui-sliders-progress.html#">
<img src="assets/img/avatar.jpg">
<div>New message</div>
<small>1 minute ago</small>
<span class="label label-info">NEW</span>
</a>
</li>
<li class="avatar">
<a href="ui-sliders-progress.html#">
<img src="assets/img/avatar.jpg">
<div>New message</div>
<small>1 minute ago</small>
</a>
</li>
<li class="avatar">
<a href="ui-sliders-progress.html#">
<img src="assets/img/avatar.jpg">
<div>New message</div>
<small>1 minute ago</small>
</a>
</li>
<li class="avatar">
<a href="ui-sliders-progress.html#">
<img src="assets/img/avatar.jpg">
<div>New message</div>
<small>1 minute ago</small>
</a>
</li>
<li class="avatar">
<a href="ui-sliders-progress.html#">
<img src="assets/img/avatar.jpg">
<div>New message</div>
<small>1 minute ago</small>
</a>
</li>
<li class="dropdown-menu-footer text-center">
<a href="ui-sliders-progress.html#">View all messages</a>
</li>
</ul>
</li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-cog"></i></a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-power-off"></i></a></li>
<li class="dropdown">
<a href="ui-sliders-progress.html#" class="dropdown-toggle avatar" data-toggle="dropdown"><img src="assets/img/avatar.jpg"><span class="badge">9</span></a>
<ul class="dropdown-menu">
<li class="dropdown-menu-header text-center">
<strong>Account</strong>
</li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-bell-o"></i> Updates <span class="label label-info">42</span></a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-envelope-o"></i> Messages <span class="label label-success">42</span></a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-tasks"></i> Tasks <span class="label label-danger">42</span></a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-comments"></i> Comments <span class="label label-warning">42</span></a></li>
<li class="dropdown-menu-header text-center">
<strong>Settings</strong>
</li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-user"></i> Profile</a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-wrench"></i> Settings</a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-usd"></i> Payments <span class="label label-default">42</span></a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-file"></i> Projects <span class="label label-primary">42</span></a></li>
<li class="divider"></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-shield"></i> Lock Profile</a></li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-lock"></i> Logout</a></li>
</ul>
</li>
<li><a href="ui-sliders-progress.html#"><i class="fa fa-bars"></i></a></li>
</ul>
<form class="navbar-form navbar-left">
<i class="fa fa-search"></i>
<input type="text" class="form-control" placeholder="Search...">
</form>
</div>
</div>
<!-- end: Header -->
<div class="container-fluid content">
<div class="row">
<!-- start: Main Menu -->
<div class="sidebar col-md-2 col-sm-1 ">
<div class="sidebar-collapse collapse">
<div class="nav-sidebar title"><span>Main Menu</span></div>
<ul class="nav nav-sidebar">
<li><a href="index.html"><i class="fa fa-bar-chart-o"></i><span class="hidden-sm text"> Dashboard</span></a></li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-eye"></i><span class="hidden-sm text"> UI Features</span> <span class="chevron closed"></span></a>
<ul>
<li><a class="submenu" href="ui-sliders-progress.html"><i class="fa fa-eye"></i><span class="hidden-sm text"> Sliders & Progress</span></a></li>
<li><a class="submenu" href="ui-nestable-list.html"><i class="fa fa-eye"></i><span class="hidden-sm text"> Nestable Lists</span></a></li>
<li><a class="submenu" href="ui-elements.html"><i class="fa fa-eye"></i><span class="hidden-sm text"> Elements</span></a></li>
<li><a class="submenu" href="ui-panels.html"><i class="fa fa-eye"></i><span class="hidden-sm text"> Panels</span></a></li>
<li><a class="submenu" href="ui-buttons.html"><i class="fa fa-eye"></i><span class="hidden-sm text"> Buttons</span></a></li>
</ul>
</li>
<li><a href="widgets.html"><i class="fa fa-dashboard"></i><span class="hidden-sm text"> Widgets</span></a></li>
</ul>
<div class="nav-sidebar title"><span>Main Menu</span></div>
<ul class="nav nav-sidebar">
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-folder-o"></i><span class="hidden-sm text"> Example Pages</span> <span class="chevron closed"></span></a>
<ul>
<li><a class="submenu" href="page-activity.html"><i class="fa fa-dot-circle-o"></i><span class="hidden-sm text"> Activity</span></a></li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-envelope"></i><span class="hidden-sm text"> Mail</span> <span class="chevron closed"></span></a>
<ul>
<li><a class="submenu" href="page-inbox.html"><i class="fa fa-envelope"></i><span class="hidden-sm text"> Inbox View</span></a></li>
<li><a class="submenu" href="page-inbox-message.html"><i class="fa fa-envelope"></i><span class="hidden-sm text"> Message View</span></a></li>
<li><a class="submenu" href="page-inbox-compose.html"><i class="fa fa-envelope"></i><span class="hidden-sm text"> Compose</span></a></li>
</ul>
</li>
<li><a class="submenu" href="page-invoice.html"><i class="fa fa-file-text"></i><span class="hidden-sm text"> Invoice</span></a></li>
<li><a class="submenu" href="page-todo.html"><i class="fa fa-tasks"></i><span class="hidden-sm text"> ToDo & Timeline</span></a></li>
<li><a class="submenu" href="page-profile.html"><i class="fa fa-male"></i><span class="hidden-sm text"> Profile</span></a></li>
<li><a class="submenu" href="page-pricing-tables.html"><i class="fa fa-table"></i><span class="hidden-sm text"> Pricing Tables</span></a></li>
<li><a class="submenu" href="page-404.html"><i class="fa fa-unlink"></i><span class="hidden-sm text"> 404</span></a></li>
<li><a class="submenu" href="page-500.html"><i class="fa fa-unlink"></i><span class="hidden-sm text"> 500</span></a></li>
<li><a class="submenu" href="page-lockscreen.html"><i class="fa fa-lock"></i><span class="hidden-sm text"> LockScreen</span></a></li>
<li><a class="submenu" href="page-lockscreen2.html"><i class="fa fa-lock"></i><span class="hidden-sm text"> LockScreen2</span></a></li>
<li><a class="submenu" href="page-login.html"><i class="fa fa-key"></i><span class="hidden-sm text"> Login Page</span></a></li>
<li><a class="submenu" href="page-register.html"><i class="fa fa-sign-in"></i><span class="hidden-sm text"> Register Page</span></a></li>
</ul>
</li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-edit"></i><span class="hidden-sm text"> Forms</span> <span class="chevron closed"></span></a>
<ul>
<li><a class="submenu" href="form-elements.html"><i class="fa fa-edit"></i><span class="hidden-sm text"> Form elements</span></a></li>
<li><a class="submenu" href="form-wizard.html"><i class="fa fa-edit"></i><span class="hidden-sm text"> Wizard</span></a></li>
<li><a class="submenu" href="form-dropzone.html"><i class="fa fa-edit"></i><span class="hidden-sm text"> Dropzone Upload</span></a></li>
<li><a class="submenu" href="form-x-editable.html"><i class="fa fa-edit"></i><span class="hidden-sm text"> X-editable</span></a></li>
</ul>
</li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-list-alt"></i><span class="hidden-sm text"> Charts</span> <span class="chevron closed"></span></a>
<ul>
<li><a class="submenu" href="charts-flot.html"><i class="fa fa-chevron-right"></i><span class="hidden-sm text"> Flot Charts</span></a></li>
<li><a class="submenu" href="charts-xcharts.html"><i class="fa fa-chevron-right"></i><span class="hidden-sm text"> xCharts</span></a></li>
<li><a class="submenu" href="charts-others.html"><i class="fa fa-chevron-right"></i><span class="hidden-sm text"> Other</span></a></li>
</ul>
</li>
<li><a href="typography.html"><i class="fa fa-font"></i><span class="hidden-sm text"> Typography</span></a></li>
</ul>
<div class="nav-sidebar title"><span>Main Menu</span></div>
<ul class="nav nav-sidebar">
<li><a href="gallery.html"><i class="fa fa-picture-o"></i><span class="hidden-sm text"> Gallery</span></a></li>
<li><a href="table.html"><i class="fa fa-align-justify"></i><span class="hidden-sm text"> Tables</span></a></li>
<li><a href="calendar.html"><i class="fa fa-calendar"></i><span class="hidden-sm text"> Calendar</span></a></li>
<li><a href="file-manager.html"><i class="fa fa-folder-open"></i><span class="hidden-sm text"> File Manager</span></a></li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-star"></i><span class="hidden-sm text"> Icons</span> <span class="chevron closed"></span></a>
<ul>
<li><a class="submenu" href="icons-halflings.html"><i class="fa fa-star"></i><span class="hidden-sm text"> Halflings</span></a></li>
<li><a class="submenu" href="icons-glyphicons-pro.html"><i class="fa fa-star"></i><span class="hidden-sm text"> Glyphicons PRO</span></a></li>
<li><a class="submenu" href="icons-filetypes.html"><i class="fa fa-star"></i><span class="hidden-sm text"> Filetypes</span></a></li>
<li><a class="submenu" href="icons-social.html"><i class="fa fa-star"></i><span class="hidden-sm text"> Social</span></a></li>
<li><a class="submenu" href="icons-font-awesome.html"><i class="fa fa-star"></i><span class="hidden-sm text"> Font Awesome</span></a></li>
<li><a class="submenu" href="icons-climacons.html"><i class="fa fa-star"></i><span class="hidden-sm text"> Climacons</span></a></li>
</ul>
</li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-folder-open"></i><span class="hidden-sm text"> 4 Level Menu</span> <span class="chevron closed"></span></a>
<ul>
<li><a href="2nd-level.html"><i class="fa fa-folder"></i><span class="hidden-sm text"> 2nd Level</span></a></li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-folder-open"></i><span class="hidden-sm text"> 2nd Level</span> <span class="chevron closed"></span></a>
<ul>
<li><a href="3rd-level.html"><i class="fa fa-folder"></i><span class="hidden-sm text"> 3rd Level</span></a></li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-folder-open"></i><span class="hidden-sm text"> 3rd Level</span> <span class="chevron closed"></span></a>
<ul>
<li>
<a class="submenu" href="4th-level.html"><i class="fa fa-folder"></i><span class="hidden-sm text"> 4th Level</span></a>
</li>
</ul>
</li>
<li>
<a class="dropmenu" href="ui-sliders-progress.html#"><i class="fa fa-folder-open"></i><span class="hidden-sm text"> 3rd Level</span> <span class="chevron closed"></span></a>
<ul>
<li>
<a class="submenu" href="4th-level2.html"><i class="fa fa-folder"></i><span class="hidden-sm text"> 4th Level</span></a>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<a href="ui-sliders-progress.html#" id="main-menu-min" class="full visible-md visible-lg"><i class="fa fa-angle-double-left"></i></a>
</div>
<!-- end: Main Menu -->
<!-- start: Content -->
<div class="col-md-10 col-sm-11 main ">
<div class="row">
<div class="col-lg-12">
<ol class="breadcrumb">
<li><a href="ui-sliders-progress.html#">Genius</a></li>
<li><a href="ui-sliders-progress.html#">UI Features</a></li>
<li class="active">Sliders & Progress</li>
</ol>
<div class="panel panel-default">
<div class="panel-heading">
<h2><i class="fa fa-tasks"></i>Sliders</h2>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>basic</td>
<td>
<div class="slider"></div>
</td>
</tr>
<tr>
<td>Minimum</td>
<td>
<div class="slider sliderMin"></div>
<div class="field_notice">Min: <span>$180</span></div>
</td>
</tr>
<tr>
<td>Maximum</td>
<td>
<div class="slider sliderMax"></div>
<div class="field_notice">Max: <span class="must sliderMaxLabel">$280</span></div>
</td>
</tr>
<tr>
<td>Range</td>
<td>
<div class="slider sliderRange"></div>
<div class="field_notice">Price Range: <span class="must sliderRangeLabel">$192 - $470</span></div>
</td>
</tr>
<tr>
<td>Equalizer</td>
<td>
<div id="sv1" class="slider vertical"></div>
<div id="sv2" class="slider vertical"></div>
<div id="sv3" class="slider vertical"></div>
<div id="sv4" class="slider vertical"></div>
<div id="sv5" class="slider vertical"></div>
<div id="sv6" class="slider vertical slider-success"></div>
<div id="sv7" class="slider vertical slider-info"></div>
<div id="sv8" class="slider vertical slider-warning"></div>
<div id="sv9" class="slider vertical slider-danger"></div>
<div id="sv10" class="slider vertical"></div>
<div id="sv11" class="slider vertical"></div>
<div id="sv12" class="slider vertical"></div>
</td>
</tr>
<tr>
<td>.slider-success</td>
<td>
<div class="slider sliderMin-1 slider-success"></div>
</td>
</tr>
<tr>
<td>.slider-info</td>
<td>
<div class="slider sliderMin-2 slider-info"></div>
</td>
</tr>
<tr>
<td>.slider-warning</td>
<td>
<div class="slider sliderMin-3 slider-warning"></div>
</td>
</tr>
<tr>
<td>.slider-danger</td>
<td>
<div class="slider sliderMin-4 slider-danger"></div>
</td>
</tr>
<tr>
<td>.slider-success</td>
<td>
<div class="slider sliderMin-5 slider-success"></div>
</td>
</tr>
<tr>
<td>.slider-info</td>
<td>
<div class="slider sliderMin-6 slider-info"></div>
</td>
</tr>
<tr>
<td>.slider-warning</td>
<td>
<div class="slider sliderMin-7 slider-warning"></div>
</td>
</tr>
<tr>
<td>.slider-danger</td>
<td>
<div class="slider sliderMin-8 slider-danger"></div>
</td>
</tr>
</table>
</div>
</div><!--/col-->
</div><!--/col-->
</div><!--/row-->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h2><i class="fa fa-tasks"></i>Sliders - slim</h2>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>basic</td>
<td>
<div class="slider slim sliderSimple"></div>
</td>
</tr>
<tr>
<td>Minimum</td>
<td>
<div class="slider slim sliderMin"></div>
<div class="field_notice">Min: <span class="must sliderMinLabel">$180</span></div>
</td>
</tr>
<tr>
<td>Maximum</td>
<td>
<div class="slider slim sliderMax"></div>
<div class="field_notice">Max: <span class="must sliderMaxLabel">$280</span></div>
</td>
</tr>
<tr>
<td>Range</td>
<td>
<div class="slider slim sliderRange"></div>
<div class="field_notice">Price Range: <span class="must sliderRangeLabel">$192 - $470</span></div>
</td>
</tr>
<tr>
<td>Equalizer</td>
<td>
<div id="sv1s" class="slider vertical slim"></div>
<div id="sv2s" class="slider vertical slim"></div>
<div id="sv3s" class="slider vertical slim"></div>
<div id="sv4s" class="slider vertical slim"></div>
<div id="sv5s" class="slider vertical slim"></div>
<div id="sv6s" class="slider vertical slim"></div>
<div id="sv7s" class="slider vertical slim"></div>
<div id="sv8s" class="slider vertical slim"></div>
<div id="sv9s" class="slider vertical slim"></div>
<div id="sv10s" class="slider vertical slim"></div>
<div id="sv11s" class="slider vertical slim"></div>
<div id="sv12s" class="slider vertical slim"></div>
</td>
</tr>
<tr>
<td>.slider-success</td>
<td>
<div class="slider slim sliderMin-1 slider-success"></div>
</td>
</tr>
<tr>
<td>.slider-info</td>
<td>
<div class="slider slim sliderMin-2 slider-info"></div>
</td>
</tr>
<tr>
<td>.slider-warning</td>
<td>
<div class="slider slim sliderMin-3 slider-warning"></div>
</td>
</tr>
<tr>
<td>.slider-danger</td>
<td>
<div class="slider slim sliderMin-4 slider-danger"></div>
</td>
</tr>
<tr>
<td>.slider-success</td>
<td>
<div class="slider slim sliderMin-5 slider-success"></div>
</td>
</tr>
<tr>
<td>.slider-info</td>
<td>
<div class="slider slim sliderMin-6 slider-info"></div>
</td>
</tr>
<tr>
<td>.slider-warning</td>
<td>
<div class="slider slim sliderMin-7 slider-warning"></div>
</td>
</tr>
<tr>
<td>.slider-danger</td>
<td>
<div class="slider slim sliderMin-8 slider-danger"></div>
</td>
</tr>
</table>
</div>
</div><!--/col-->
</div><!--/col-->
</div><!--/row-->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h2><i class="fa fa-tasks"></i>Progress Bars</h2>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>Basic</td>
<td>
<div class="progressbar simpleProgress">80</div>
</td>
</tr>
<tr>
<td>Progress</td>
<td>
<div class="progressbar progress-success progressAnimate"></div>
<div class="field_notice">Value: <span class="must progressAnimateValue">0%</span></div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar progress-info progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar progress-danger progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar progress-warning progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
</table>
</div>
</div>
</div><!--/col-->
</div><!--/row-->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h2><i class="fa fa-tasks"></i>Progress Bars Slim</h2>
</div>
<div class="panel-body">
<table class="table">
<tr>
<td>Basic</td>
<td>
<div class="progressbar slim simpleProgress progressGreen">80</div>
</td>
</tr>
<tr>
<td>Progress</td>
<td>
<div class="progressbar slim progress-success progressAnimate progressLightOrange"></div>
<div class="field_notice">Value: <span class="must progressAnimateValue">0%</span></div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar slim progress-info progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar slim progress-danger progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar slim progress-warning progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
<tr>
<td>Upload</td>
<td>
<div class="progressbar slim progressUploadAnimate"></div>
<div class="field_notice">Uploading: <span class="must progressUploadAnimateValue">0 Mb</span> / 4096 Gb</div>
</td>
</tr>
</table>
</div>
</div>
</div><!--/col-->
</div><!--/row-->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h2><i class="fa fa-tasks"></i>Standard Progress Bars</h2>
<div class="panel-actions">
<a href="ui-sliders-progress.html#" class="btn-setting"><i class="fa fa-wrench"></i></a>
<a href="ui-sliders-progress.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
<a href="ui-sliders-progress.html#" class="btn-close"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="panel-body">
<h3>Basic</h3>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
<h3>With label</h3>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
60%
</div>
</div>
<h3>Contextual alternatives</h3>
<div class="progress">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">20% Complete</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div>
<div class="progress">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">80% Complete</span>
</div>
</div>
<h3>Striped</h3>
<div class="progress progress-striped">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
<div class="progress progress-striped">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">20% Complete</span>
</div>
</div>
<div class="progress progress-striped">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div>
<div class="progress progress-striped">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
<h3>Animated</h3>
<div class="progress progress-striped active">
<div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
<span class="sr-only">45% Complete</span>
</div>
</div>
<h3>Stacked</h3>
<div class="progress">
<div class="progress-bar progress-bar-success" style="width: 35%">
<span class="sr-only">35% Complete (success)</span>
</div>
<div class="progress-bar progress-bar-warning" style="width: 20%">
<span class="sr-only">20% Complete (warning)</span>
</div>
<div class="progress-bar progress-bar-danger" style="width: 10%">
<span class="sr-only">10% Complete (danger)</span>
</div>
</div>
</div>
</div>
</div><!--/col-->
</div><!--/row-->
<div class="row">
<div class="col-lg-12">
<div class="panel panel-default">
<div class="panel-heading">
<h2><i class="fa fa-tasks"></i>Thin Progress Bars</h2>
<div class="panel-actions">
<a href="ui-sliders-progress.html#" class="btn-setting"><i class="fa fa-wrench"></i></a>
<a href="ui-sliders-progress.html#" class="btn-minimize"><i class="fa fa-chevron-up"></i></a>
<a href="ui-sliders-progress.html#" class="btn-close"><i class="fa fa-times"></i></a>
</div>
</div>
<div class="panel-body">
<h3>Basic</h3>
<div class="progress thin">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
<span class="sr-only">60% Complete</span>
</div>
</div>
<h3>With label</h3>
<div class="progress thin">
<div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
60%
</div>
</div>
<h3>Contextual alternatives</h3>
<div class="progress thin">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
<div class="progress thin">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">20% Complete</span>
</div>
</div>
<div class="progress thin">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div>
<div class="progress thin">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">80% Complete</span>
</div>
</div>
<h3>Striped</h3>
<div class="progress thin progress-striped">
<div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
<span class="sr-only">40% Complete (success)</span>
</div>
</div>
<div class="progress thin progress-striped">
<div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
<span class="sr-only">20% Complete</span>
</div>
</div>
<div class="progress thin progress-striped">
<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
<span class="sr-only">60% Complete (warning)</span>
</div>
</div>
<div class="progress thin progress-striped">
<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
<span class="sr-only">80% Complete (danger)</span>
</div>
</div>
<h3>Animated</h3>
<div class="progress thin progress-striped active">
<div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
<span class="sr-only">45% Complete</span>
</div>
</div>
<h3>Stacked</h3>
<div class="progress thin">
<div class="progress-bar progress-bar-success" style="width: 35%">
<span class="sr-only">35% Complete (success)</span>
</div>
<div class="progress-bar progress-bar-warning" style="width: 20%">
<span class="sr-only">20% Complete (warning)</span>
</div>
<div class="progress-bar progress-bar-danger" style="width: 10%">
<span class="sr-only">10% Complete (danger)</span>
</div>
</div>
</div>
</div>
</div><!--/col-->
</div><!--/row-->
</div>
<!-- end: Content -->
</div><!--/row-->
</div><!--/container-->
<div class="modal fade" id="myModal">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Modal title</h4>
</div>
<div class="modal-body">
<p>Here settings can be configured...</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div><!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div><!-- /.modal -->
<div class="clearfix"></div>
<footer>
<div class="row">
<div class="col-sm-5">
© 2014 creativeLabs. <a href="http://bootstrapmaster.com">Admin Templates</a> by BootstrapMaster
</div><!--/.col-->
<div class="col-sm-7 text-right">
Powered by: <a href="http://bootstrapmaster.com/demo/clever/" alt="Bootstrap Admin Templates">cleverAdmin</a> | Based on Bootstrap 3.1.1 | Built with Brix.io
</div><!--/.col-->
</div><!--/.row-->
</footer>
<!-- start: JavaScript-->
<!--[if !IE]>-->
<script src="assets/js/jquery-2.1.0.min.js"></script>
<!--<![endif]-->
<!--[if IE]>
<script src="assets/js/jquery-1.11.0.min.js"></script>
<![endif]-->
<!--[if !IE]>-->
<script type="text/javascript">
window.jQuery || document.write("<script src='assets/js/jquery-2.1.0.min.js'>"+"<"+"/script>");
</script>
<!--<![endif]-->
<!--[if IE]>
<script type="text/javascript">
window.jQuery || document.write("<script src='assets/js/jquery-1.11.0.min.js'>"+"<"+"/script>");
</script>
<![endif]-->
<script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!-- page scripts -->
<script src="assets/js/jquery-ui.min.js"></script>
<!-- theme scripts -->
<script src="assets/js/custom.min.js"></script>
<script src="assets/js/core.min.js"></script>
<!-- inline scripts related to this page -->
<script src="assets/js/pages/ui-sliders-progress.js"></script>
<!-- end: JavaScript-->
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手