PHP WebShell
Текущая директория: /var/www/bitcardoApp/backyard/components/elements
Просмотр файла: progress.html
<!DOCTYPE html><html lang="zxx" class="js">
<!-- Mirrored from dashlite.net/demo5/components/elements/progress.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:24 GMT -->
<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
<head> <meta charset="utf-8"><meta name="author" content="Softnio"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><meta name="description" content="A powerful and conceptual apps base dashboard template that especially build for developers and programmers."><link rel="shortcut icon" href="../../images/favicon.png"><title>Progress | DashLite Admin Template</title><link rel="stylesheet" href="../../assets/css/dashlite9b70.css?ver=3.3.0"><link id="skin-default" rel="stylesheet" href="../../assets/css/theme9b70.css?ver=3.3.0"><script async src="https://www.googletagmanager.com/gtag/js?id=UA-91615293-4"></script><script>window.dataLayer = window.dataLayer || [];function gtag() {dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-91615293-4');</script> </head><body class="nk-body bg-white has-sidebar " ><div class="nk-app-root"><div class="nk-main "><div class="nk-sidebar nk-sidebar-fixed " data-content="sidebarMenu"><div class="nk-sidebar-element nk-sidebar-head"><div class="nk-sidebar-brand"><a href="../../index.html" class="logo-link nk-sidebar-logo"><img class="logo-light logo-img" src="../../images/logo.png" srcset="/demo5/images/logo2x.png 2x" alt="logo"><img class="logo-dark logo-img" src="../../images/logo-dark.png" srcset="/demo5/images/logo-dark2x.png 2x" alt="logo-dark"></a></div><div class="nk-menu-trigger me-n2"><a href="#" class="nk-nav-toggle nk-quick-nav-icon d-xl-none" data-target="sidebarMenu"><em class="icon ni ni-arrow-left"></em></a></div></div><div class="nk-sidebar-element"><div class="nk-sidebar-body" data-simplebar><div class="nk-sidebar-content"><div class="nk-sidebar-menu"><ul class="nk-menu"><li class="nk-menu-heading"><h6 class="overline-title text-primary-alt">Use-Case Preview</h6></li><li class="nk-menu-item"><a href="../../loan/index.html" class="nk-menu-link" target="_blank"><span class="nk-menu-icon"><em class="icon ni ni-cc-new"></em></span><span class="nk-menu-text">Loan Management Panel</span><span class="nk-menu-badge">HOT</span></a></li><li class="nk-menu-item"><a href="../../crypto/index.html" class="nk-menu-link" target="_blank"><span class="nk-menu-icon"><em class="icon ni ni-sign-btc-alt"></em></span><span class="nk-menu-text">Crypto - Buy Sell Panel</span></a></li><li class="nk-menu-heading"><h6 class="overline-title text-primary-alt">Dashboards</h6></li><li class="nk-menu-item"><a href="../../index.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-bitcoin-cash"></em></span><span class="nk-menu-text">Default Dashboard</span></a></li><li class="nk-menu-item"><a href="../../index-invest.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-coins"></em></span><span class="nk-menu-text">Invest Dashboard</span></a></li><li class="nk-menu-item"><a href="../../index-sales.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-cc-alt2"></em></span><span class="nk-menu-text">Sales Dashboard</span></a></li><li class="nk-menu-item"><a href="../../index-analytics.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-growth"></em></span><span class="nk-menu-text">Analytics Dashboard</span></a></li><li class="nk-menu-heading"><h6 class="overline-title text-primary-alt">Applications</h6></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-tile-thumb"></em></span><span class="nk-menu-text">Projects</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../project-card.html" class="nk-menu-link"><span class="nk-menu-text">Project Cards</span></a></li><li class="nk-menu-item"><a href="../../project-list.html" class="nk-menu-link"><span class="nk-menu-text">Project List</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-users"></em></span><span class="nk-menu-text">User Manage</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../user-list-regular.html" class="nk-menu-link"><span class="nk-menu-text">User List - Regular</span></a></li><li class="nk-menu-item"><a href="../../user-list-compact.html" class="nk-menu-link"><span class="nk-menu-text">User List - Compact</span></a></li><li class="nk-menu-item"><a href="../../user-details-regular.html" class="nk-menu-link"><span class="nk-menu-text">User Details - Regular</span></a></li><li class="nk-menu-item"><a href="../../user-profile-regular.html" class="nk-menu-link"><span class="nk-menu-text">User Profile - Regular</span></a></li><li class="nk-menu-item"><a href="../../user-card.html" class="nk-menu-link"><span class="nk-menu-text">User Contact - Card</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-user-list"></em></span><span class="nk-menu-text">Customers</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../customer-list.html" class="nk-menu-link"><span class="nk-menu-text">Customer List</span></a></li><li class="nk-menu-item"><a href="../../customer-details.html" class="nk-menu-link"><span class="nk-menu-text">Customer Details</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-file-docs"></em></span><span class="nk-menu-text">AML / KYCs</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../kyc-list-regular.html" class="nk-menu-link"><span class="nk-menu-text">KYC List - Regular</span></a></li><li class="nk-menu-item"><a href="../../kyc-details-regular.html" class="nk-menu-link"><span class="nk-menu-text">KYC Details - Regular</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-tranx"></em></span><span class="nk-menu-text">Transactions</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../transaction-basic.html" class="nk-menu-link"><span class="nk-menu-text">Tranx List - Basic</span></a></li><li class="nk-menu-item"><a href="../../transaction-crypto.html" class="nk-menu-link"><span class="nk-menu-text">Tranx List - Crypto</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-grid-alt"></em></span><span class="nk-menu-text">Applications</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../apps-messages.html" class="nk-menu-link"><span class="nk-menu-text">Messages</span></a></li><li class="nk-menu-item"><a href="../../apps-inbox.html" class="nk-menu-link"><span class="nk-menu-text">Inbox / Mail</span></a></li><li class="nk-menu-item"><a href="../../apps-file-manager.html" class="nk-menu-link"><span class="nk-menu-text">File Manager</span></a></li><li class="nk-menu-item"><a href="../../apps-chats.html" class="nk-menu-link"><span class="nk-menu-text">Chats / Messenger</span></a></li><li class="nk-menu-item"><a href="../../apps-calendar.html" class="nk-menu-link"><span class="nk-menu-text">Calendar</span></a></li><li class="nk-menu-item"><a href="../../apps-kanban.html" class="nk-menu-link"><span class="nk-menu-text">Kanban Board</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-file-docs"></em></span><span class="nk-menu-text">Invoice</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../invoice-list.html" class="nk-menu-link"><span class="nk-menu-text">Invoice List</span></a></li><li class="nk-menu-item"><a href="../../invoice-details.html" class="nk-menu-link"><span class="nk-menu-text">Invoice Details</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-card-view"></em></span><span class="nk-menu-text">Products</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../product-list.html" class="nk-menu-link"><span class="nk-menu-text">Product List</span></a></li><li class="nk-menu-item"><a href="../../product-card.html" class="nk-menu-link"><span class="nk-menu-text">Product Card</span></a></li><li class="nk-menu-item"><a href="../../product-details.html" class="nk-menu-link"><span class="nk-menu-text">Product Details</span></a></li></ul></li><li class="nk-menu-item"><a href="../../pricing-table.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-view-col"></em></span><span class="nk-menu-text">Pricing Table</span></a></li><li class="nk-menu-item"><a href="../../gallery.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-img"></em></span><span class="nk-menu-text">Image Gallery</span></a></li><li class="nk-menu-heading"><h6 class="overline-title text-primary-alt">Misc Pages</h6></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-signin"></em></span><span class="nk-menu-text">Auth Pages</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../pages/auths/auth-login.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Login / Signin</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-register.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Register / Signup</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-reset.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Forgot Password</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-success.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Success / Confirm</span></a></li><li class="nk-menu-item"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Classic Version - v2</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../pages/auths/auth-login-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Login / Signin</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-register-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Register / Signup</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-reset-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Forgot Password</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-success-v2.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Success / Confirm</span></a></li></ul></li><li class="nk-menu-item"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">No Slider Version - v3</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../pages/auths/auth-login-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Login / Signin</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-register-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Register / Signup</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-reset-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Forgot Password</span></a></li><li class="nk-menu-item"><a href="../../pages/auths/auth-success-v3.html" class="nk-menu-link" target="_blank"><span class="nk-menu-text">Success / Confirm</span></a></li></ul></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-files"></em></span><span class="nk-menu-text">Error Pages</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../pages/errors/404-classic.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">404 Classic</span></a></li><li class="nk-menu-item"><a href="../../pages/errors/504-classic.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">504 Classic</span></a></li><li class="nk-menu-item"><a href="../../pages/errors/404-s1.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">404 Modern</span></a></li><li class="nk-menu-item"><a href="../../pages/errors/504-s1.html" target="_blank" class="nk-menu-link"><span class="nk-menu-text">504 Modern</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-files"></em></span><span class="nk-menu-text">Other Pages</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../../_blank.html" class="nk-menu-link"><span class="nk-menu-text">Blank / Startup</span></a></li><li class="nk-menu-item"><a href="../../pages/faqs.html" class="nk-menu-link"><span class="nk-menu-text">Faqs / Help</span></a></li><li class="nk-menu-item"><a href="../../pages/terms-policy.html" class="nk-menu-link"><span class="nk-menu-text">Terms / Policy</span></a></li><li class="nk-menu-item"><a href="../../pages/regular-v1.html" class="nk-menu-link"><span class="nk-menu-text">Regular Page - v1</span></a></li><li class="nk-menu-item"><a href="../../pages/regular-v2.html" class="nk-menu-link"><span class="nk-menu-text">Regular Page - v2</span></a></li></ul></li><li class="nk-menu-heading"><h6 class="overline-title text-primary-alt">Components</h6></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-layers"></em></span><span class="nk-menu-text">Ui Elements</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="alerts.html" class="nk-menu-link"><span class="nk-menu-text">Alerts</span></a></li><li class="nk-menu-item"><a href="accordions.html" class="nk-menu-link"><span class="nk-menu-text">Accordions</span></a></li><li class="nk-menu-item"><a href="avatar.html" class="nk-menu-link"><span class="nk-menu-text">Avatar</span></a></li><li class="nk-menu-item"><a href="badges.html" class="nk-menu-link"><span class="nk-menu-text">Badges</span></a></li><li class="nk-menu-item"><a href="buttons.html" class="nk-menu-link"><span class="nk-menu-text">Buttons</span></a></li><li class="nk-menu-item"><a href="buttons-group.html" class="nk-menu-link"><span class="nk-menu-text">Button Group</span></a></li><li class="nk-menu-item"><a href="breadcrumb.html" class="nk-menu-link"><span class="nk-menu-text">Breadcrumb</span></a></li><li class="nk-menu-item"><a href="cards.html" class="nk-menu-link"><span class="nk-menu-text">Cards</span></a></li><li class="nk-menu-item"><a href="carousel.html" class="nk-menu-link"><span class="nk-menu-text">Carousel</span></a></li><li class="nk-menu-item"><a href="list-dropdown.html" class="nk-menu-link"><span class="nk-menu-text">List Dropdown</span></a></li><li class="nk-menu-item"><a href="modals.html" class="nk-menu-link"><span class="nk-menu-text">Modals</span></a></li><li class="nk-menu-item"><a href="pagination.html" class="nk-menu-link"><span class="nk-menu-text">Pagination</span></a></li><li class="nk-menu-item"><a href="popover.html" class="nk-menu-link"><span class="nk-menu-text">Popovers</span></a></li><li class="nk-menu-item"><a href="progress.html" class="nk-menu-link"><span class="nk-menu-text">Progress</span></a></li><li class="nk-menu-item"><a href="preloader.html" class="nk-menu-link"><span class="nk-menu-text">Preloader</span> <span class="nk-menu-badge">New</span></a></li><li class="nk-menu-item"><a href="placeholders.html" class="nk-menu-link"><span class="nk-menu-text">Placeholders</span> <span class="nk-menu-badge">New</span></a></li><li class="nk-menu-item"><a href="spinner.html" class="nk-menu-link"><span class="nk-menu-text">Spinner</span></a></li><li class="nk-menu-item"><a href="tabs.html" class="nk-menu-link"><span class="nk-menu-text">Tabs</span></a></li><li class="nk-menu-item"><a href="toast.html" class="nk-menu-link"><span class="nk-menu-text">Toasts</span></a></li><li class="nk-menu-item"><a href="tooltip.html" class="nk-menu-link"><span class="nk-menu-text">Tooltip</span></a></li><li class="nk-menu-item"><a href="typography.html" class="nk-menu-link"><span class="nk-menu-text">Typography</span></a></li><li class="nk-menu-item"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Utilities</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="util-border.html" class="nk-menu-link"><span class="nk-menu-text">Border</span></a></li><li class="nk-menu-item"><a href="util-colors.html" class="nk-menu-link"><span class="nk-menu-text">Colors</span></a></li><li class="nk-menu-item"><a href="util-display.html" class="nk-menu-link"><span class="nk-menu-text">Display</span></a></li><li class="nk-menu-item"><a href="util-embeded.html" class="nk-menu-link"><span class="nk-menu-text">Embeded</span></a></li><li class="nk-menu-item"><a href="util-flex.html" class="nk-menu-link"><span class="nk-menu-text">Flex</span></a></li><li class="nk-menu-item"><a href="util-text.html" class="nk-menu-link"><span class="nk-menu-text">Text</span></a></li><li class="nk-menu-item"><a href="util-sizing.html" class="nk-menu-link"><span class="nk-menu-text">Sizing</span></a></li><li class="nk-menu-item"><a href="util-spacing.html" class="nk-menu-link"><span class="nk-menu-text">Spacing</span></a></li><li class="nk-menu-item"><a href="util-others.html" class="nk-menu-link"><span class="nk-menu-text">Others</span></a></li></ul></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-dot-box"></em></span><span class="nk-menu-text">Crafted Icons</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../misc/svg-icons.html" class="nk-menu-link"><span class="nk-menu-text">SVG Icon - Exclusive</span></a></li><li class="nk-menu-item"><a href="../misc/nioicon.html" class="nk-menu-link"><span class="nk-menu-text">Nioicon - HandCrafted</span></a></li></ul></li><li class="nk-menu-item"><a href="../misc/icons.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-menu-circled"></em></span><span class="nk-menu-text">Icon Libraries</span></a></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-table-view"></em></span><span class="nk-menu-text">Tables</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../tables/table-basic.html" class="nk-menu-link"><span class="nk-menu-text">Basic Tables</span></a></li><li class="nk-menu-item"><a href="../tables/table-special.html" class="nk-menu-link"><span class="nk-menu-text">Special Tables</span></a></li><li class="nk-menu-item"><a href="../tables/table-datatable.html" class="nk-menu-link"><span class="nk-menu-text">DataTables</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-card-view"></em></span><span class="nk-menu-text">Forms</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../forms/form-elements.html" class="nk-menu-link"><span class="nk-menu-text">Form Elements</span></a></li><li class="nk-menu-item"><a href="../forms/checkbox-radio.html" class="nk-menu-link"><span class="nk-menu-text">Checkbox Radio</span></a></li><li class="nk-menu-item"><a href="../forms/advanced-controls.html" class="nk-menu-link"><span class="nk-menu-text">Advanced Controls</span></a></li><li class="nk-menu-item"><a href="../forms/input-group.html" class="nk-menu-link"><span class="nk-menu-text">Input Group</span></a></li><li class="nk-menu-item"><a href="../forms/form-upload.html" class="nk-menu-link"><span class="nk-menu-text">Form Upload</span></a></li><li class="nk-menu-item"><a href="../forms/datetime-picker.html" class="nk-menu-link"><span class="nk-menu-text">Date & Time Picker</span></a></li><li class="nk-menu-item"><a href="../forms/number-spinner.html" class="nk-menu-link"><span class="nk-menu-text">Number Spinner</span></a></li><li class="nk-menu-item"><a href="../forms/nouislider.html" class="nk-menu-link"><span class="nk-menu-text">noUiSlider</span></a></li><li class="nk-menu-item"><a href="../forms/form-layouts.html" class="nk-menu-link"><span class="nk-menu-text">Form Layouts</span></a></li><li class="nk-menu-item"><a href="../forms/form-validation.html" class="nk-menu-link"><span class="nk-menu-text">Form Validation</span></a></li><li class="nk-menu-item"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Wizard</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../forms/form-wizard.html" class="nk-menu-link"><span class="nk-menu-text">Basic Demo</span></a></li><li class="nk-menu-item"><a href="../forms/wizard/create-project.html" class="nk-menu-link"><span class="nk-menu-text">Create Project</span></a></li><li class="nk-menu-item"><a href="../forms/wizard/create-profile.html" class="nk-menu-link"><span class="nk-menu-text">Create Profile</span></a></li><li class="nk-menu-item"><a href="../forms/wizard/two-factor-auth.html" class="nk-menu-link"><span class="nk-menu-text">Two Factor Auth</span></a></li><li class="nk-menu-item"><a target="_blank" href="../forms/wizard/survey-v1.html" class="nk-menu-link"><span class="nk-menu-text">Survey</span></a></li><li class="nk-menu-item"><a target="_blank" href="../forms/wizard/survey-v2.html" class="nk-menu-link"><span class="nk-menu-text">Survey v2</span></a></li></ul></li><li class="nk-menu-item"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-text">Rich Editor</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../forms/form-summernote.html" class="nk-menu-link"><span class="nk-menu-text">Summernote</span></a></li><li class="nk-menu-item"><a href="../forms/form-quill.html" class="nk-menu-link"><span class="nk-menu-text">Quill</span></a></li><li class="nk-menu-item"><a href="../forms/form-tinymce.html" class="nk-menu-link"><span class="nk-menu-text">Tinymce</span></a></li></ul></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-pie"></em></span><span class="nk-menu-text">Charts</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../charts/chartjs.html" class="nk-menu-link"><span class="nk-menu-text">Chart JS</span></a></li><li class="nk-menu-item"><a href="../charts/knob.html" class="nk-menu-link"><span class="nk-menu-text">Knob JS</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-puzzle"></em></span><span class="nk-menu-text">Widgets</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../widgets/cards.html" class="nk-menu-link"><span class="nk-menu-text">Card Widgets</span></a></li><li class="nk-menu-item"><a href="../widgets/charts.html" class="nk-menu-link"><span class="nk-menu-text">Chart Widgets</span></a></li><li class="nk-menu-item"><a href="../widgets/ratings.html" class="nk-menu-link"><span class="nk-menu-text">Ratings Widgets</span></a></li></ul></li><li class="nk-menu-item has-sub"><a href="#" class="nk-menu-link nk-menu-toggle"><span class="nk-menu-icon"><em class="icon ni ni-block-over"></em></span><span class="nk-menu-text">Miscellaneous</span></a><ul class="nk-menu-sub"><li class="nk-menu-item"><a href="../misc/slick-sliders.html" class="nk-menu-link"><span class="nk-menu-text">Slick Slider</span></a></li><li class="nk-menu-item"><a href="../misc/toastr.html" class="nk-menu-link"><span class="nk-menu-text">Toastr</span></a></li><li class="nk-menu-item"><a href="../misc/sweet-alert.html" class="nk-menu-link"><span class="nk-menu-text">Sweet Alert</span></a></li><li class="nk-menu-item"><a href="../misc/js-tree.html" class="nk-menu-link"><span class="nk-menu-text">jsTree</span></a></li><li class="nk-menu-item"><a href="../misc/dual-listbox.html" class="nk-menu-link"><span class="nk-menu-text">Dual Listbox</span></a></li><li class="nk-menu-item"><a href="../misc/dragula.html" class="nk-menu-link"><span class="nk-menu-text">Dragula</span></a></li><li class="nk-menu-item"><a href="../misc/map.html" class="nk-menu-link"><span class="nk-menu-text">Google Map</span></a></li></ul></li><li class="nk-menu-item"><a href="../../email-templates.html" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-text-rich"></em></span><span class="nk-menu-text">Email Template</span></a></li></ul></div><div class="nk-sidebar-footer"><ul class="nk-menu nk-menu-footer"><li class="nk-menu-item"><a href="#" class="nk-menu-link"><span class="nk-menu-icon"><em class="icon ni ni-help-alt"></em></span><span class="nk-menu-text">Support</span></a></li><li class="nk-menu-item ms-auto"><div class="dropup"><a href="#" class="nk-menu-link dropdown-indicator has-indicator" data-bs-toggle="dropdown" data-offset="0,10"><span class="nk-menu-icon"><em class="icon ni ni-globe"></em></span><span class="nk-menu-text">English</span></a><div class="dropdown-menu dropdown-menu-sm dropdown-menu-end"><ul class="language-list"><li><a href="#" class="language-item"><img src="../../images/flags/english.png" alt="" class="language-flag"><span class="language-name">English</span></a></li><li><a href="#" class="language-item"><img src="../../images/flags/spanish.png" alt="" class="language-flag"><span class="language-name">Español</span></a></li><li><a href="#" class="language-item"><img src="../../images/flags/french.png" alt="" class="language-flag"><span class="language-name">Français</span></a></li><li><a href="#" class="language-item"><img src="../../images/flags/turkey.png" alt="" class="language-flag"><span class="language-name">Türkçe</span></a></li></ul></div></div></li></ul></div></div></div></div></div><div class="nk-wrap "><div class="nk-header nk-header-fixed is-light"><div class="container-fluid"><div class="nk-header-wrap"><div class="nk-menu-trigger d-xl-none ms-n1"><a href="#" class="nk-nav-toggle nk-quick-nav-icon" data-target="sidebarMenu"><em class="icon ni ni-menu"></em></a></div><div class="nk-header-brand d-xl-none"><a href="../../index.html" class="logo-link"><img class="logo-light logo-img" src="../../images/logo.png" srcset="/demo5/images/logo2x.png 2x" alt="logo"><img class="logo-dark logo-img" src="../../images/logo-dark.png" srcset="/demo5/images/logo-dark2x.png 2x" alt="logo-dark"></a></div><div class="nk-header-news d-none d-xl-block"><div class="nk-news-list"><a class="nk-news-item" href="#"><div class="nk-news-icon"><em class="icon ni ni-card-view"></em></div><div class="nk-news-text"><p>Do you know the latest update of 2022? <span> A overview of our is now available on YouTube</span></p><em class="icon ni ni-external"></em></div></a></div></div><div class="nk-header-tools"><ul class="nk-quick-nav"><li class="dropdown language-dropdown d-none d-sm-block me-n1"><a href="#" class="dropdown-toggle nk-quick-nav-icon" data-bs-toggle="dropdown"><div class="quick-icon border border-light"><img class="icon" src="../../images/flags/english-sq.png" alt=""></div></a><div class="dropdown-menu dropdown-menu-end dropdown-menu-s1"><ul class="language-list"><li><a href="#" class="language-item"><img src="../../images/flags/english.png" alt="" class="language-flag"><span class="language-name">English</span></a></li><li><a href="#" class="language-item"><img src="../../images/flags/spanish.png" alt="" class="language-flag"><span class="language-name">Español</span></a></li><li><a href="#" class="language-item"><img src="../../images/flags/french.png" alt="" class="language-flag"><span class="language-name">Français</span></a></li><li><a href="#" class="language-item"><img src="../../images/flags/turkey.png" alt="" class="language-flag"><span class="language-name">Türkçe</span></a></li></ul></div></li><li class="dropdown user-dropdown"><a href="#" class="dropdown-toggle" data-bs-toggle="dropdown"><div class="user-toggle"><div class="user-avatar sm"><em class="icon ni ni-user-alt"></em></div><div class="user-info d-none d-md-block"><div class="user-status">Administrator</div><div class="user-name dropdown-indicator">Abu Bin Ishityak</div></div></div></a><div class="dropdown-menu dropdown-menu-md dropdown-menu-end dropdown-menu-s1"><div class="dropdown-inner user-card-wrap bg-lighter d-none d-md-block"><div class="user-card"><div class="user-avatar"><span>AB</span></div><div class="user-info"><span class="lead-text">Abu Bin Ishtiyak</span><span class="sub-text">info@softnio.com</span></div></div></div><div class="dropdown-inner"><ul class="link-list"><li><a href="../../user-profile-regular.html"><em class="icon ni ni-user-alt"></em><span>View Profile</span></a></li><li><a href="../../user-profile-setting.html"><em class="icon ni ni-setting-alt"></em><span>Account Setting</span></a></li><li><a href="../../user-profile-activity.html"><em class="icon ni ni-activity-alt"></em><span>Login Activity</span></a></li></ul></div><div class="dropdown-inner"><ul class="link-list"><li><a href="#"><em class="icon ni ni-signout"></em><span>Sign out</span></a></li></ul></div></div></li><li class="dropdown notification-dropdown me-n1"><a href="#" class="dropdown-toggle nk-quick-nav-icon" data-bs-toggle="dropdown"><div class="icon-status icon-status-info"><em class="icon ni ni-bell"></em></div></a><div class="dropdown-menu dropdown-menu-xl dropdown-menu-end dropdown-menu-s1"><div class="dropdown-head"><span class="sub-title nk-dropdown-title">Notifications</span><a href="#">Mark All as Read</a></div><div class="dropdown-body"><div class="nk-notification"><div class="nk-notification-item dropdown-inner"><div class="nk-notification-icon"><em class="icon icon-circle bg-warning-dim ni ni-curve-down-right"></em></div><div class="nk-notification-content"><div class="nk-notification-text">You have requested to <span>Widthdrawl</span></div><div class="nk-notification-time">2 hrs ago</div></div></div><div class="nk-notification-item dropdown-inner"><div class="nk-notification-icon"><em class="icon icon-circle bg-success-dim ni ni-curve-down-left"></em></div><div class="nk-notification-content"><div class="nk-notification-text">Your <span>Deposit Order</span> is placed</div><div class="nk-notification-time">2 hrs ago</div></div></div><div class="nk-notification-item dropdown-inner"><div class="nk-notification-icon"><em class="icon icon-circle bg-warning-dim ni ni-curve-down-right"></em></div><div class="nk-notification-content"><div class="nk-notification-text">You have requested to <span>Widthdrawl</span></div><div class="nk-notification-time">2 hrs ago</div></div></div><div class="nk-notification-item dropdown-inner"><div class="nk-notification-icon"><em class="icon icon-circle bg-success-dim ni ni-curve-down-left"></em></div><div class="nk-notification-content"><div class="nk-notification-text">Your <span>Deposit Order</span> is placed</div><div class="nk-notification-time">2 hrs ago</div></div></div><div class="nk-notification-item dropdown-inner"><div class="nk-notification-icon"><em class="icon icon-circle bg-warning-dim ni ni-curve-down-right"></em></div><div class="nk-notification-content"><div class="nk-notification-text">You have requested to <span>Widthdrawl</span></div><div class="nk-notification-time">2 hrs ago</div></div></div><div class="nk-notification-item dropdown-inner"><div class="nk-notification-icon"><em class="icon icon-circle bg-success-dim ni ni-curve-down-left"></em></div><div class="nk-notification-content"><div class="nk-notification-text">Your <span>Deposit Order</span> is placed</div><div class="nk-notification-time">2 hrs ago</div></div></div></div></div><div class="dropdown-foot center"><a href="#">View All</a></div></div></li></ul></div></div></div></div><div class="nk-content nk-content-fluid"><div class="container-xl wide-lg"><div class="nk-content-body"><div class="components-preview wide-md mx-auto"><div class="nk-block-head nk-block-head-lg wide-sm"><div class="nk-block-head-content"><div class="nk-block-head-sub"><a class="back-to" href="../../components.html"><em class="icon ni ni-arrow-left"></em><span>Components</span></a></div><h2 class="nk-block-title fw-normal">Progress</h2><div class="nk-block-des"><p class="lead">Examples for using custom progress bars featuring support for stacked bars, animated backgrounds, and text labels. Progress components are built with two HTML elements, some CSS to set the width, and a few attributes.</p></div></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Basic Examples</h4><p>Use the inner of <code>.progress-bar</code> class and set the <code>value</code> in <code>data-progress=""</code> attribute to indicate progress status.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="gy-4"><div class="fake-class"><div class="progress"><div class="progress-bar" data-progress="5"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar" data-progress="25"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar" data-progress="50"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar" data-progress="75"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar" data-progress="100"></div></div></div></div><p class="mt-4">DashLite provides a handful <a href="util-sizing.html">sizing utilities</a> of width classess, that you can use instead of <code>data-progress=""</code>.</p></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress"> <div class="progress-bar" data-progress="25"></div></div><div class="progress"> <div class="progress-bar w-25"></div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Different Sizes</h4><p>Use additional classes of <code>progress-{sm|lg}</code> on the <code>.progress</code>.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="gy-4"><div class="fake-class"><div class="progress progress-sm"><div class="progress-bar" data-progress="70"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar" data-progress="75"></div></div></div><div class="fake-class"><div class="progress progress-lg"><div class="progress-bar" data-progress="80"></div></div></div></div></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress progress-lg"> <div class="progress-bar" data-progress="75"></div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">With Label</h4><p>Add labels to your progress bars by placing text within the <code>.progress-bar</code>.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="progress progress-lg"><div class="progress-bar" data-progress="50">50%</div></div></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress progress-lg"> <div class="progress-bar" data-progress="50">50%</div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Set Background</h4><p>Use <a href="util-colors.html">background utility</a> classes to change the appearance of individual progress bars.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="gy-4"><div class="fake-class"><div class="progress"><div class="progress-bar bg-success" data-progress="25"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar bg-info" data-progress="50"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar bg-warning" data-progress="75"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar bg-danger" data-progress="100"></div></div></div></div></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress"> <div class="progress-bar bg-success" data-progress="25"></div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Multiple Bars</h4><p>Include multiple progress bars in a progress component if you need.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="progress"><div class="progress-bar" data-progress="15"></div><div class="progress-bar bg-success" data-progress="30"></div><div class="progress-bar bg-warning" data-progress="20"></div></div></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress"> <div class="progress-bar" data-progress="15"></div> <div class="progress-bar bg-success" data-progress="30"></div> <div class="progress-bar bg-warning" data-progress="20"></div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Striped Bar</h4><p>Add <code>.progress-bar-striped</code> to any <code>.progress-bar</code> to apply a stripe via CSS gradient over the progress bar’s background color.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="gy-4"><div class="fake-class"><div class="progress"><div class="progress-bar progress-bar-striped" data-progress="10"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar progress-bar-striped bg-success" data-progress="25"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar progress-bar-striped bg-info" data-progress="50"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar progress-bar-striped bg-warning" data-progress="75"></div></div></div><div class="fake-class"><div class="progress"><div class="progress-bar progress-bar-striped bg-danger" data-progress="100"></div></div></div></div></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress"> <div class="progress-bar progress-bar-striped" data-progress="10"></div></div></pre></div></div><div class="nk-block nk-block-lg"><div class="nk-block-head"><div class="nk-block-head-content"><h4 class="title nk-block-title">Animated Stripes</h4><p>The striped gradient can also be animated. Add <code>.progress-bar-animated</code> to <code>.progress-bar</code> to animate the stripes right to left via CSS3 animations.</p></div></div><div class="card card-bordered card-preview"><div class="card-inner"><div class="progress"><div class="progress-bar progress-bar-striped progress-bar-animated" data-progress="75"></div></div></div></div><div class="code-block code-block-clean"><span class="title">Uses Example</span><pre class="prettyprint lang-html"><div class="progress"> <div class="progress-bar progress-bar-striped progress-bar-animated" data-progress="75"></div></div></pre></div></div></div></div></div></div><div class="nk-footer"><div class="container-fluid"><div class="nk-footer-wrap"><div class="nk-footer-copyright"> © 2024 DashLite. Template by <a href="https://softnio.com/" target="_blank">Softnio</a></div><div class="nk-footer-links"><ul class="nav nav-sm"><li class="nav-item dropup"><a herf="" class="dropdown-toggle dropdown-indicator has-indicator nav-link text-base" data-bs-toggle="dropdown" data-offset="0,10"><span>English</span></a><div class="dropdown-menu dropdown-menu-sm dropdown-menu-end"><ul class="language-list"><li><a href="#" class="language-item"><span class="language-name">English</span></a></li><li><a href="#" class="language-item"><span class="language-name">Español</span></a></li><li><a href="#" class="language-item"><span class="language-name">Français</span></a></li><li><a href="#" class="language-item"><span class="language-name">Türkçe</span></a></li></ul></div></li><li class="nav-item"><a data-bs-toggle="modal" href="#region" class="nav-link"><em class="icon ni ni-globe"></em><span class="ms-1">Select Region</span></a></li></ul></div></div></div></div></div></div></div><div class="modal fade" tabindex="-1" role="dialog" id="region"><div class="modal-dialog modal-lg" role="document"><div class="modal-content"><a href="#" class="close" data-bs-dismiss="modal"><em class="icon ni ni-cross-sm"></em></a><div class="modal-body modal-body-md"><h5 class="title mb-4">Select Your Countryy</h5><div class="nk-country-region"><ul class="country-list text-center gy-2"><li><a href="#" class="country-item"><img src="../../images/flags/arg.png" alt="" class="country-flag"><span class="country-name">Argentina</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/aus.png" alt="" class="country-flag"><span class="country-name">Australia</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/bangladesh.png" alt="" class="country-flag"><span class="country-name">Bangladesh</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/canada.png" alt="" class="country-flag"><span class="country-name">Canada <small>(English)</small></span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/china.png" alt="" class="country-flag"><span class="country-name">Centrafricaine</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/china.png" alt="" class="country-flag"><span class="country-name">China</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/french.png" alt="" class="country-flag"><span class="country-name">France</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/germany.png" alt="" class="country-flag"><span class="country-name">Germany</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/iran.png" alt="" class="country-flag"><span class="country-name">Iran</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/italy.png" alt="" class="country-flag"><span class="country-name">Italy</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/mexico.png" alt="" class="country-flag"><span class="country-name">México</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/philipine.png" alt="" class="country-flag"><span class="country-name">Philippines</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/portugal.png" alt="" class="country-flag"><span class="country-name">Portugal</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/s-africa.png" alt="" class="country-flag"><span class="country-name">South Africa</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/spanish.png" alt="" class="country-flag"><span class="country-name">Spain</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/switzerland.png" alt="" class="country-flag"><span class="country-name">Switzerland</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/uk.png" alt="" class="country-flag"><span class="country-name">United Kingdom</span></a></li><li><a href="#" class="country-item"><img src="../../images/flags/english.png" alt="" class="country-flag"><span class="country-name">United State</span></a></li></ul></div></div></div></div></div><ul class="nk-sticky-toolbar"><li class="demo-layout"><a class="toggle tipinfo" data-target="demoML" href="#" title="Main Demo Preview"><em class="icon ni ni-dashlite"></em></a></li><li class="demo-thumb"><a class="toggle tipinfo" data-target="demoUC" href="#" title="Use Case Concept"><em class="icon ni ni-menu-squared"></em></a></li><li class="demo-settings"><a class="toggle tipinfo" data-target="settingPanel" href="#" title="Demo Settings"><em class="icon ni ni-setting-alt"></em></a></li><li class="demo-purchase"><a class="tipinfo" target="_blank" href="https://1.envato.market/e0y3g" title="Purchase"><em class="icon ni ni-cart"></em></a></li></ul><div class="nk-demo-panel nk-demo-panel-2x toggle-slide toggle-slide-right" data-content="demoML" data-toggle-overlay="true" data-toggle-body="true" data-toggle-screen="any"><div class="nk-demo-head"><h6 class="mb-0">Switch Demo Layout</h6><a class="nk-demo-close toggle btn btn-icon btn-trigger revarse mr-n2" data-target="demoML" href="#"><em class="icon ni ni-cross"></em></a></div><div class="nk-demo-list" data-simplebar><div class="nk-demo-item"><a href="https://dashlite.net/demo1/index.html"><div class="nk-demo-image bg-blue"><img class="bg-purple" src="../../../images/landing/layout-1d.jpg" srcset="https://dashlite.net/images/landing/layout-1d2x.jpg 2x" alt="Demo Layout 1"></div><span class="nk-demo-title"><strong>Demo Layout 1</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo2/index.html"><div class="nk-demo-image bg-purple"><img src="../../../images/landing/layout-2d.jpg" srcset="https://dashlite.net/images/landing/layout-2d2x.jpg 2x" alt="Demo Layout 2"></div><span class="nk-demo-title"><strong>Demo Layout 2</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo3/index.html"><div class="nk-demo-image bg-success"><img src="../../../images/landing/layout-3d.jpg" srcset="https://dashlite.net/images/landing/layout-3d2x.jpg 2x" alt="Demo Layout 3"></div><span class="nk-demo-title"><strong>Demo Layout 3</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo4/index.html"><div class="nk-demo-image bg-indigo"><img src="../../../images/landing/layout-4d.jpg" srcset="https://dashlite.net/images/landing/layout-4d2x.jpg 2x" alt="Demo Layout 4"></div><span class="nk-demo-title"><strong>Demo Layout 4</strong></span></a></div><div class="nk-demo-item"><a href="../../index.html"><div class="nk-demo-image bg-orange"><img src="../../../images/landing/layout-5d.jpg" srcset="https://dashlite.net/images/landing/layout-5d2x.jpg 2x" alt="Demo Layout 5"></div><span class="nk-demo-title"><strong>Demo Layout 5</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo6/index.html"><div class="nk-demo-image bg-purple"><img src="../../../images/landing/layout-6d.jpg" srcset="https://dashlite.net/images/landing/layout-6d2x.jpg 2x" alt="Demo Layout 6"></div><span class="nk-demo-title"><strong>Demo Layout 6</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo7/index.html"><div class="nk-demo-image bg-teal"><img src="../../../images/landing/layout-7d.jpg" srcset="https://dashlite.net/images/landing/layout-7d2x.jpg 2x" alt="Demo Layout 7"></div><span class="nk-demo-title"><strong>Demo Layout 7</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo8/index.html"><div class="nk-demo-image bg-azure"><img src="../../../images/landing/layout-8d.jpg" srcset="https://dashlite.net/images/landing/layout-8d2x.jpg 2x" alt="Demo Layout 8"></div><span class="nk-demo-title"><strong>Demo Layout 8</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo9/index.html"><div class="nk-demo-image bg-pink"><img src="../../../images/landing/layout-9d.jpg" srcset="https://dashlite.net/images/landing/layout-9d2x.jpg 2x" alt="Demo Layout 9"></div><span class="nk-demo-title"><strong>Demo Layout 9</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/landing/index.html"><div class="nk-demo-image bg-red"><img src="../../../images/landing/main-landing.jpg" srcset="https://dashlite.net/images/landing/main-landing2x.jpg 2x" alt="Landing Page"></div><span class="nk-demo-title"><strong>Landing Page</strong> <span class="badge badge-danger ml-1">Free</span></span></a></div></div></div><div class="nk-demo-panel nk-demo-panel-2x toggle-slide toggle-slide-right" data-content="demoUC" data-toggle-overlay="true" data-toggle-body="true" data-toggle-screen="any"><div class="nk-demo-head"><h6 class="mb-0">Use Case Concept</h6><a class="nk-demo-close toggle btn btn-icon btn-trigger revarse mr-n2" data-target="demoUC" href="#"><em class="icon ni ni-cross"></em></a></div><div class="nk-demo-list" data-simplebar><div class="nk-demo-item"><a href="https://dashlite.net/demo9/copywriter/index.html"><div class="nk-demo-image bg-indigo"><img src="../../../images/landing/demo-ai-copywriter.jpg" srcset="https://dashlite.net/images/landing/demo-ai-copywriter2x.jpg 2x" alt="ai-copywriter"></div><span class="nk-demo-title"><em class="text-primary">Demo9</em><br><strong>Ai Copywriter Panel</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo7/pharmacy/index.html"><div class="nk-demo-image bg-warning"><img src="../../../images/landing/demo-pharmacy.jpg" srcset="https://dashlite.net/images/landing/demo-pharmacy2x.jpg 2x" alt="pharmacy"></div><span class="nk-demo-title"><em class="text-primary">Demo7</em><br><strong>Pharmacy Management Panel</strong></span></a></div><div class="nk-demo-item"><a href="../../loan/index.html"><div class="nk-demo-image bg-purple"><img src="../../../images/landing/demo-loan.jpg" srcset="https://dashlite.net/images/landing/demo-loan2x.jpg 2x" alt="loan"></div><span class="nk-demo-title"><em class="text-primary">Demo5</em><br><strong>Loan Management Panel</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo2/ecommerce/index.html"><div class="nk-demo-image bg-dark"><img src="../../../images/landing/demo-ecommerce.jpg" srcset="https://dashlite.net/images/landing/demo-ecommerce2x.jpg 2x" alt="Ecommerce"></div><span class="nk-demo-title"><em class="text-primary">Demo2</em><br><strong>E-Commerce Panel</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo2/lms/index.html"><div class="nk-demo-image bg-danger"><img src="../../../images/landing/demo-lms.jpg" srcset="https://dashlite.net/images/landing/demo-lms2x.jpg 2x" alt="LMS"></div><span class="nk-demo-title"><em class="text-primary">Demo2</em><br><strong>LMS / Learning Management System</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo1/crm/index.html"><div class="nk-demo-image bg-info"><img src="../../../images/landing/demo-crm.jpg" srcset="https://dashlite.net/images/landing/demo-crm2x.jpg 2x" alt="CRM / Customer Relationship"></div><span class="nk-demo-title"><em class="text-primary">Demo1</em><br><strong>CRM / Customer Relationship Management</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo7/hospital/index.html"><div class="nk-demo-image bg-indigo"><img src="../../../images/landing/demo-hospital.jpg" srcset="https://dashlite.net/images/landing/demo-hospital2x.jpg 2x" alt="Hospital Managemen"></div><span class="nk-demo-title"><em class="text-primary">Demo7</em><br><strong>Hospital Management</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo1/hotel/index.html"><div class="nk-demo-image bg-pink"><img src="../../../images/landing/demo-hotel.jpg" srcset="https://dashlite.net/images/landing/demo-hotel2x.jpg 2x" alt="Hotel Managemen"></div><span class="nk-demo-title"><em class="text-primary">Demo1</em><br><strong>Hotel Management</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo3/cms/index.html"><div class="nk-demo-image bg-dark"><img src="../../../images/landing/demo-cms.jpg" srcset="https://dashlite.net/images/landing/demo-cms2x.jpg 2x" alt="cms"></div><span class="nk-demo-title"><em class="text-primary">Demo3</em><br><strong>CMS Panel</strong></span></a></div><div class="nk-demo-item"><a href="../../crypto/index.html"><div class="nk-demo-image bg-warning"><img src="../../../images/landing/demo-buysell.jpg" srcset="https://dashlite.net/images/landing/demo-buysell2x.jpg 2x" alt="Crypto BuySell / Wallet"></div><span class="nk-demo-title"><em class="text-primary">Demo5</em><br><strong>Crypto BuySell Panel</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo6/invest/index.html"><div class="nk-demo-image bg-indigo"><img src="../../../images/landing/demo-invest.jpg" srcset="https://dashlite.net/images/landing/demo-invest2x.jpg 2x" alt="HYIP / Investment"></div><span class="nk-demo-title"><em class="text-primary">Demo6</em><br><strong>HYIP / Investment Panel</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo3/apps/file-manager.html"><div class="nk-demo-image bg-purple"><img src="../../../images/landing/demo-file-manager.jpg" srcset="https://dashlite.net/images/landing/demo-file-manager2x.jpg 2x" alt="File Manager"></div><span class="nk-demo-title"><em class="text-primary">Demo3</em><br><strong>Apps - File Manager</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo4/subscription/index.html"><div class="nk-demo-image bg-primary"><img src="../../../images/landing/demo-subscription.jpg" srcset="https://dashlite.net/images/landing/demo-subscription2x.jpg 2x" alt="SAAS / Subscription"></div><span class="nk-demo-title"><em class="text-primary">Demo4</em><br><strong>SAAS / Subscription Panel</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/covid/index.html"><div class="nk-demo-image bg-danger"><img src="../../../images/landing/demo-covid19.jpg" srcset="https://dashlite.net/images/landing/demo-covid192x.jpg 2x" alt="Covid Situation"></div><span class="nk-demo-title"><em class="text-primary">Covid</em><br><strong>Coronavirus Situation</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo3/apps/messages.html"><div class="nk-demo-image bg-success"><img src="../../../images/landing/demo-messages.jpg" srcset="https://dashlite.net/images/landing/demo-messages2x.jpg 2x" alt="Messages"></div><span class="nk-demo-title"><em class="text-primary">Demo3</em><br><strong>Apps - Messages</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo3/apps/mailbox.html"><div class="nk-demo-image bg-purple"><img src="../../../images/landing/demo-inbox.jpg" srcset="https://dashlite.net/images/landing/demo-inbox2x.jpg 2x" alt="Inbox"></div><span class="nk-demo-title"><em class="text-primary">Demo3</em><br><strong>Apps - Mailbox</strong></span></a></div><div class="nk-demo-item"><a href="https://dashlite.net/demo3/apps/chats.html"><div class="nk-demo-image bg-purple"><img src="../../../images/landing/demo-chats.jpg" srcset="https://dashlite.net/images/landing/demo-chats2x.jpg 2x" alt="Chats / Messenger"></div><span class="nk-demo-title"><em class="text-primary">Demo3</em><br><strong>Apps - Chats</strong></span></a></div></div></div><div class="nk-demo-panel toggle-slide toggle-slide-right" data-content="settingPanel" data-toggle-overlay="true" data-toggle-body="true" data-toggle-screen="any"><div class="nk-demo-head"><h6 class="mb-0">Preview Settings</h6><a class="nk-demo-close toggle btn btn-icon btn-trigger revarse mr-n2" data-target="settingPanel" href="#"><em class="icon ni ni-cross"></em></a></div><div class="nk-opt-panel" data-simplebar><div class="nk-opt-set"><div class="nk-opt-set-title">Direction Change</div><div class="nk-opt-list col-2x"><div class="nk-opt-item only-text active" data-key="dir" data-update="ltr"><span class="nk-opt-item-bg"><span class="nk-opt-item-name">LTR Mode</span></span></div><div class="nk-opt-item only-text" data-key="dir" data-update="rtl"><span class="nk-opt-item-bg"><span class="nk-opt-item-name">RTL Mode</span></span></div></div></div><div class="nk-opt-set"><div class="nk-opt-set-title">Main UI Style</div><div class="nk-opt-list col-2x"><div class="nk-opt-item only-text active" data-key="style" data-update="ui-default"><span class="nk-opt-item-bg"><span class="nk-opt-item-name">Default</span></span></div><div class="nk-opt-item only-text" data-key="style" data-update="ui-shady"><span class="nk-opt-item-bg"><span class="nk-opt-item-name">Shady</span></span></div></div></div><div class="nk-opt-set nk-opt-set-aside"><div class="nk-opt-set-title">Sidebar Style</div><div class="nk-opt-list col-4x"><div class="nk-opt-item" data-key="aside" data-update="is-light"><span class="nk-opt-item-bg is-light"><span class="bg-lighter"></span></span><span class="nk-opt-item-name">White</span></div><div class="nk-opt-item" data-key="aside" data-update="is-default"><span class="nk-opt-item-bg is-light"><span class="bg-light"></span></span><span class="nk-opt-item-name">Light</span></div><div class="nk-opt-item active" data-key="aside" data-update="is-dark"><span class="nk-opt-item-bg"><span class="bg-dark"></span></span><span class="nk-opt-item-name">Dark</span></div><div class="nk-opt-item" data-key="aside" data-update="is-theme"><span class="nk-opt-item-bg"><span class="bg-theme"></span></span><span class="nk-opt-item-name">Theme</span></div></div></div><div class="nk-opt-set nk-opt-set-header"><div class="nk-opt-set-title">Header Style</div><div class="nk-opt-list col-4x"><div class="nk-opt-item active" data-key="header" data-update="is-light"><span class="nk-opt-item-bg is-light"><span class="bg-lighter"></span></span><span class="nk-opt-item-name">White</span></div><div class="nk-opt-item" data-key="header" data-update="is-default"><span class="nk-opt-item-bg is-light"><span class="bg-light"></span></span><span class="nk-opt-item-name">Light</span></div><div class="nk-opt-item" data-key="header" data-update="is-dark"><span class="nk-opt-item-bg"><span class="bg-dark"></span></span><span class="nk-opt-item-name">Dark</span></div><div class="nk-opt-item" data-key="header" data-update="is-theme"><span class="nk-opt-item-bg"><span class="bg-theme"></span></span><span class="nk-opt-item-name">Theme</span></div></div></div><div class="nk-opt-set nk-opt-set-skin"><div class="nk-opt-set-title">Primary Skin</div><div class="nk-opt-list"><div class="nk-opt-item active" data-key="skin" data-update="default"><span class="nk-opt-item-bg"><span class="skin-default"></span></span><span class="nk-opt-item-name">Default</span></div><div class="nk-opt-item" data-key="skin" data-update="bluelite"><span class="nk-opt-item-bg"><span class="skin-bluelite"></span></span><span class="nk-opt-item-name">Blue Light</span></div><div class="nk-opt-item" data-key="skin" data-update="egyptian"><span class="nk-opt-item-bg"><span class="skin-egyptian"></span></span><span class="nk-opt-item-name">Egyptian</span></div><div class="nk-opt-item" data-key="skin" data-update="purple"><span class="nk-opt-item-bg"><span class="skin-purple"></span></span><span class="nk-opt-item-name">Purple</span></div><div class="nk-opt-item" data-key="skin" data-update="green"><span class="nk-opt-item-bg"><span class="skin-green"></span></span><span class="nk-opt-item-name">Green</span></div><div class="nk-opt-item" data-key="skin" data-update="red"><span class="nk-opt-item-bg"><span class="skin-red"></span></span><span class="nk-opt-item-name">Red</span></div></div></div><div class="nk-opt-set"><div class="nk-opt-set-title">Skin Mode</div><div class="nk-opt-list col-2x"><div class="nk-opt-item active" data-key="mode" data-update="light-mode"><span class="nk-opt-item-bg is-light"><span class="theme-light"></span></span><span class="nk-opt-item-name">Light Skin</span></div><div class="nk-opt-item" data-key="mode" data-update="dark-mode"><span class="nk-opt-item-bg"><span class="theme-dark"></span></span><span class="nk-opt-item-name">Dark Skin</span></div></div></div><div class="nk-opt-reset"><a href="#" class="reset-opt-setting">Reset Setting</a></div></div></div><div class="pmo-lv pmo-dark"><a class="pmo-close" href="#"><em class="ni ni-cross"></em></a><a class="pmo-wrap" target="_blank" href="https://softnio.com/get-early-access/"><div class="pmo-text text-white">Looking for functional script for Investment Platform? Check out <em class="ni ni-arrow-long-right"></em></div></a></div><a class="pmo-st pmo-dark" target="_blank" href="https://softnio.com/get-early-access/"><div class="pmo-st-img"><img src="../../../images/landing/promo-investorm.png" alt="Investorm"></div><div class="pmo-st-text">Looking for Advanced <br> Investment Platform?</div></a><script src="../../assets/js/bundle9b70.js?ver=3.3.0"></script><script src="../../assets/js/scripts9b70.js?ver=3.3.0"></script><script src="../../assets/js/demo-settings9b70.js?ver=3.3.0"></script></body>
<!-- Mirrored from dashlite.net/demo5/components/elements/progress.html by HTTrack Website Copier/3.x [XR&CO'2014], Fri, 18 Jul 2025 16:07:24 GMT -->
</html>Выполнить команду
Для локальной разработки. Не используйте в интернете!