Live preview Progress
Oasis Stairs Progress
A staircase of five blocks where the climbed tiers are lit and a marker sits on the current step.
#flexbox CSS effects
50 free, pure-CSS effects match the "flexbox" tag. Each is copy-ready and needs no library or build step.
Live preview Progress
Origami Cusp Progress
Eight paper facets alternate their crease direction and the five set folds carry the colour.
Live preview Progress
Bearing Heat Progress
A thermal band read from a cold to hot ramp with a glowing knob parked at the current reading.
Live preview Progress
Chassis Throughput Progress
A transfer rate panel that plots fourteen recent samples against a dashed average line.
Live preview Progress
Glacier Wizard Progress
A wizard header with five numbered nodes sitting on one continuous rail that fills to the live step.
Live preview Accordions
Opal Strip Accordion
A horizontal ribbon where the chosen column widens and its text fades in.
Live preview Progress
Arcade Pulse Progress
A retro cabinet meter made of chunky bevelled pixel blocks where the leading block keeps flashing.
Live preview Progress
Atelier Hush Progress
A minimalist reading indicator drawn with one hairline rule, a single tick and widely tracked type.
Live preview Progress
Aurora Queue Progress
An upload queue where three files each carry their own track, ratio and percentage read out.
Live preview Progress
Basalt Cells Progress
Twelve separate basalt cells act as one bar; eight of them are lit for the current value.
Live preview Progress
Bauhaus Vault Progress
A primary coloured arch fills with yellow to the current value beside a disc, a square and a wedge.
Live preview Progress
Canyon Quota Progress
A storage quota bar that prints used against total and drops two threshold markers on the track.
Live preview Progress
Carmine Zenith Progress
A triangle fills from its base toward the apex with a dashed rule pinned at the reached level.
Live preview Progress
Cascade Trail Progress
A vertical pipeline trail whose rail fills down to the running stage while that node keeps pulsing.
Live preview Progress
Chalk Steps Progress
A four stage step tracker where completed marks carry a drawn tick and a green connector.
Live preview Progress
Cobalt Stack Progress
One track carrying three stacked segments plus a legend that colour codes each slice.
Live preview Progress
Copper Steps Progress
A ladder of dots that grows toward the right; the lit copper dots mark the current stage.
Live preview Progress
Delta Poll Progress
Poll rows where the vote share is painted behind the option name instead of on a separate track.
Live preview Progress
Fjord Rating Progress
A review breakdown that stacks five bars from five stars down to one under an average score.
Live preview Progress
Forge Conveyor Progress
Crates ride a treading belt and drop into a bin that is already filled to two thirds.
Live preview Progress
Frost Bar Progress
A flat frosted bar with a label row and a soft cyan glow on the filled span.
Live preview Progress
Gasket Ladder Progress
A vertical ladder of ten rungs lit from the bottom up, with the peak pair reserved for red.
Live preview Progress
Gear Copy Progress
A copy dialog where a sheet keeps flying from the source folder into the destination folder.
Live preview Progress
Granite Gauge Progress
A half circle gauge built from a conic gradient anchored at the bottom centre of the box.
Live preview Progress
Harbor Dual Progress
Two concentric rings carry two different metrics with a colour matched key column beside them.
Live preview Progress
Jade Column Progress
Five vertical jade columns fill from the bottom, each carrying its own label underneath.
Live preview Progress
Kiln Aperture Progress
A gate valve leaves part of the port open and the flow behind it keeps drifting upward.
Live preview Progress
Lapis Meter Progress
Two native meter elements styled as lapis capsules through their vendor pseudo elements.
Live preview Progress
Lattice Fuel Progress
A fuel gauge with a blinking droplet icon, empty and full end marks and a low reserve fill.
Live preview Progress
Meadow Thermo Progress
A thermometer with a bulb, a graduated scale column and a mercury level parked at sixty eight percent.
Live preview Progress
Mesa Retro Progress
A retro terminal meter with bevelled blocks, a scanline overlay and a monospaced read out.
Live preview Progress
Monsoon XP Progress
A level badge sits beside an experience bar that is divided into ten notched tenths.
Live preview Progress
Onyx Stripe Progress
Diagonal hazard stripes fill the track to sixty percent with a hard edged onyx frame.
Live preview Progress
Pearl Cell Progress
A battery shaped indicator with a moulded cap and a pearl fill sitting at seventy eight percent.
Live preview Progress
Ratchet Segments Progress
Seven chamfered LED segments climb a green to red ramp with five of them currently driven.
Live preview Progress
Reef Dots Progress
Carousel page dots where the active pill stretches and hosts its own autoplay timer bar.
Live preview Progress
Ridge Rings Progress
Three nested activity rings track move, burn and stand goals inside one compact dial.
Live preview Progress
Ruby Drop Progress
A download row with a bobbing arrow glyph, a transferred size read out and a ruby fill.
Live preview Progress
Savanna Target Progress
A bullet style comparison where the reached bar runs under a raised marker showing the target.
Live preview Progress
Shaft Fraction Progress
Progress printed as a plain fraction over twelve slats, seven of which are already driven.
Live preview Progress
Slate Block Progress
A chunky inset slab where the percentage is printed inside the filled block itself.
Live preview Progress
Socket Squeeze Progress
A compression read out where the packed lane keeps collapsing against the raw lane above it.
Live preview Progress
Spindle Signal Progress
Four rising strength bars where three are lit and the leading one keeps breathing on the edge.
Live preview Progress
Summit Numeral Progress
The value is the interface: an oversized clipped gradient numeral over a rule that matches its share.
Live preview Progress
Topaz Skills Progress
A three row skill list where each label sits above its own topaz coloured meter.
Live preview Progress
Valve Toolchain Progress
Three build stages chained by chevrons, each carrying its own meter and the live one still filling.
Live preview Timelines
Canyon Checkout Steps
Cart to payment to confirmation, where a cleared step swaps its digit for a tick.
Live preview Timelines
Slate Horizon Timeline
A horizontal slate line with three stops whose captions alternate above and below.
Live preview Timelines
Tide Expanding Strip
Three tide phases share one strip and the hovered phase widens to show its reading.
Live preview Timelines
Zenith Ascent Timeline
Growth milestones climb a slope towards the summit where the final marker keeps flaring.