Pulsar
· 5.6 s

Prepayment Amortised

CSS

The prepaid balance releases one equal period at a time, shrinking from the top while the expensed block grows from the foot by exactly the complement.

The Free licence asks for one visible credit per page: Animation by Pulsar, linked to Pulsar. The credit line is that link, ready to paste. The snippet itself carries attribution in a comment and in the SVG’s metadata, and never links anywhere on click. Licence

Tier
CSS
Dependencies
None
Duration
5.6 s, loops
Categories
Icons and micro-interactions, Data and progress
Use cases
Determinate progress, Scheduling and time
Industries
SaaS and software, Finance and fintech, Professional services
Style
Technical · hairline stroke
Set
bookkeeping
Tags
barsgeometricloopprogressscale

Companion assets

The same artwork, not animated. Derived from the entry’s own resting state, so it matches exactly.

Animated
CSS tierDownload animated SVG
Static vector
Prepayment Amortised, not animated
Download SVG

From this family15 in Bookkeeping

See the family