YoVDO

Dynamic Progress Bar & Circle with CSS and JavaScript

Offered By: Lama Dev via YouTube

Tags

Javascript Courses Computer Science Courses HTML Courses CSS Animation Courses SVG Animation Courses

Course Description

Overview

Create animated progress bars and circles using HTML, CSS, JavaScript, and SVG in this 29-minute tutorial. Learn to design and implement both linear and circular progress indicators with smooth animations. Explore CSS techniques, JavaScript functionality, and SVG properties like dasharray and dashoffset to achieve dynamic visual feedback. Follow along with step-by-step instructions to build interactive progress elements for web applications, enhancing user experience and interface design skills.

Syllabus

Introduction
Progress Bar Design
JavaScript Progress Bar Animation
Circular SVG Progress Design
SVG Dasharray and Dashoffset
Javascript Circular Progress Animation
Outro


Taught by

Lama Dev

Related Courses

Programming Languages
University of Virginia via Udacity Building a Basic Website
University of Massachusetts Amherst via Independent iDESWEB, Introducción al desarrollo web
Miríadax Web Engineering II: Developing Mobile HTML5 Apps
Technische Hochschule Mittelhessen via iversity Web Application Architectures
University of New Mexico via Coursera