Progress Admin — HTML CSS JavaScript Dashboard Template, 25 Pages, No Dependencies, Dark Mode, Charts Without Any Library

TRY IT BEFORE YOU BUY — the full demo is live:
progress-admin.vercel.app

All 25 pages, the charts, the dark theme, the data table: everything is
clickable, no sign-up.

━━━━━━━━━━━━━━━━━━━━

A professional dashboard template in plain HTML, CSS and JavaScript.
No dependencies, no build step, no subscription.

Unzip it, double-click `index.html`, and everything works — charts included.
No `npm install`, no Node, no API key, nothing to configure.

Please note: the interface text is in French. Every string sits in plain HTML,
so translating a page means editing visible text — there is no extraction
tooling and no build step in the way. Both guides are provided in English.

━━━━━━━━━━━━━━━━━━━━

WHAT YOU GET

• 25 ready-to-use HTML pages
• 7 chart types, hand-written in SVG
• 102 custom-drawn icons
• Light, dark and automatic themes
• 6 interchangeable accent colours
• A 2,400-line stylesheet, fully commented
• Documentation built into the template itself
• A commercial licence — client work allowed

━━━━━━━━━━━━━━━━━━━━

THE 25 PAGES

Dashboards
Overview · E-commerce · Subscriptions (recurring revenue, churn, cohorts)

Management
Orders with a full data table · Product catalogue, grid or list · Customers ·
Printable invoice

Apps
Kanban board with drag and drop · Monthly calendar · Chat · Inbox

Account
Profile · Settings across six tabs · Pricing

Library
Components · Forms · Tables · Charts · Icons

Access
Sign in · Sign up · Forgot password · 404

Starting points
A blank page to duplicate · The full documentation

━━━━━━━━━━━━━━━━━━━━

CHARTS, WITHOUT A LIBRARY

Area, vertical bars, horizontal bars, donut, sparkline, radial gauge, heatmap.

With hover tooltips, clickable legends to hide a series, draw-in animation,
rounded axis ticks, and automatic redraw: on resize, on theme change, and when
a hidden tab becomes visible.

No Chart.js. No ApexCharts. No D3. One 950-line file you can read and modify.
Nothing to load from a third-party server, nothing that breaks on the next
library release.

━━━━━━━━━━━━━━━━━━━━

THE DATA TABLE

Instant search, per-column filters, sorting on text, numbers or dates,
sliding-window pagination, multi-select with a bulk action bar, and a properly
designed empty state.

It all switches on through HTML attributes, on an ordinary table:

<div data-table data-page-size="12">
<input data-table-search>
<th data-sort data-type="number">Total</th>

No JavaScript configuration to write.

━━━━━━━━━━━━━━━━━━━━

WHAT MAKES THIS DIFFERENT

→ The menu lives in ONE place, not across 25 HTML files. The sidebar and
header are generated: you edit a fifteen-line JavaScript object.

→ The code is commented, and the comments explain WHY, not just what. Every
file opens with a numbered table of contents.

→ Colours are CSS variables gathered in one block. Change one line and the
whole interface follows, dark mode included.

→ Nothing is hard-coded. Every figure comes from a single file, designed to be
swapped for your own API calls.

→ Real accessibility: keyboard navigation, skip link, labels on every control,
reduced-motion support.

━━━━━━━━━━━━━━━━━━━━

WHO IT'S FOR

• Freelance developers shipping a client portal or an internal tool
• Agencies who want a clean base instead of starting from scratch
• SaaS founders who need an interface today
• Students and self-taught developers who want to read well-written code
• Anyone tired of a Bootstrap template that needs three build tools before it
renders a button

━━━━━━━━━━━━━━━━━━━━

COMPATIBILITY

Recent Chrome, Edge, Firefox and Safari. Responsive from 320 to 2,560 pixels.
Drops into any stack — Django, Rails, Laravel, Symfony, React, Vue, WordPress —
because the stylesheet is independent of the markup.

Deploy anywhere, free tiers included: these are static files.

━━━━━━━━━━━━━━━━━━━━

LICENCE

Use it in unlimited personal and commercial projects, for yourself or for
clients, and modify it as much as you like. No attribution required.

The only limit: do not resell the template itself as a template or theme.
Sell what you build with it.

━━━━━━━━━━━━━━━━━━━━

INSTANT DOWNLOAD

One 152 KB ZIP file, available as soon as payment clears. Nothing shipped,
nothing to wait for.

Live demo: progress-admin.vercel.app

Questions before or after buying? Message me through Etsy.

━━━━━━━━━━━━━━━━━━━━

From the same workshop: "Learn to Code a Modern Website", the 232-page manual
that teaches the HTML, CSS and JavaScript used in this template.