robsimpsondesign / inline-svg-progress-loaders

Learn the fundamentals of working with inline SVG strokes to create some custom progress loaders and take these techniques and apply them to other areas of the web.

Home Page:https://www.robsimpson.me/tutorials/inline-svg-progress-loaders/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

40 adaptable progress loaders using inline SVG and CSS

Learn the fundamentals of working with inline SVG strokes to create some custom progress loaders and take these techniques and apply them to other areas of the web. https://www.robsimpson.me/tutorials/inline-svg-progress-loaders/

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

Installing

Open up your terminal and run:

npm install

Once finished run:

npm run dev

This will compile all the development files into the build directory and watch for any changes you make to the HTML, CSS or JS files.

About

Learn the fundamentals of working with inline SVG strokes to create some custom progress loaders and take these techniques and apply them to other areas of the web.

https://www.robsimpson.me/tutorials/inline-svg-progress-loaders/


Languages

Language:CSS 53.0%Language:HTML 41.0%Language:JavaScript 6.0%