Khusharth Pataniblog.khusharth.dev·Feb 20, 2024SVG progress indicator in react native - Part 1📚 Part 1: Building the base👈 you are here 🧱 Part 2: Building the component ✨ Part 3: Adding refinements and animation One of the things I enjoy the most in frontend development is creating beautiful components with animations✨ and that is w...Discuss·59 likes·793 readsReact
Khusharth Pataniblog.khusharth.dev·Feb 20, 2024SVG progress indicator in react native - Part 2📚 Part 1: Building the base 🧱 Part 2: Building the component👈 you are here ✨ Part 3: Adding refinements and animation This is Part 2 of the 3-part blog series and in this part, we will focus on creating the core parts of our progress indica...Discuss·12 likes·106 readsReact
Khusharth Pataniblog.khusharth.dev·Feb 20, 2024SVG progress indicator in react native - Part 3📚 Part 1: Building the base 🧱 Part 2: Building the component ✨ Part 3: Adding refinements and animation👈 you are here Welcome back! This is the last part of the 3-part blog series and in this part, we'll enhance our existing component and a...Discuss·1 like·79 readsReact
Laxmanrao Ballalaxmanballa.hashnode.dev·Dec 8, 2023How to add progress bar on the top of the page while routing between pages in Nextjs.There are several ways to add a prograss bar for routing in Nextjs13, each with its own advantages and disadvantages. Here we are talking about one of the best approch which is very easy to use. That is next13-prograssbar This is a dedicated package...Discussnext13-progressbar
OnlineITtutsonlineittuts.hashnode.dev·Dec 5, 2023How to Make Progress Bar in HTML and CSShey there, today we are going to learn How to Make a Progress Bar in HTML and CSS. It’s a very helpful project for your website when you will use it inside your website. Your site looks better than normal. Progress bars are a valuable tool in web dev...Discuss·1 likeprogress bar
Aniket Pandharabaleaniketicloud.hashnode.dev·Oct 19, 2023Progress bar trick with Number()So, there is a quiz app(Vite + React + TS (react-ts-msw-quiz-app.vercel.app)) that shows a single question and four answers. If I click on the answer, I want the progress bar to be updated. So here is the solution. Look how the progress bar increases...DiscussJavaScript
priyanshu paliwalpriyanshupaliwal.hashnode.dev·Jul 23, 2023Progress Indicators in FlutterProgress, what a word everyone in this world wants to progress, and so do our users. For us as developers, it is important to show progress to our app users. It creates engagement and also gives proper information to the user. Let's Start, There are ...Discuss·221 readsFlutter
Anower Jahan Shofolshofol.hashnode.dev·May 10, 2023Create a gradient progress bar with CSSHave you noticed cool gradient progress bars around the internet? I have seen many cool websites using it. Recently I was going through JoshWComeau's 'The Joy of React'. The course platform is so unique and full of resources. There's a gradient progr...DiscussCSS Shorts by ShofolCSS
Ambassador ChinatuforOpen Replay's Technical Blogopenreplay.hashnode.dev·May 4, 2023Custom Animated Circular Progress in React NativeIn a mobile app, progress indicators are an essential component that helps users understand how long an action will take and whether it is complete. A well-designed progress indicator can significantly improve the user experience of an app by providi...Discuss·2 likes·153 readsReact Native
TechieBundletechiebundle.hashnode.dev·Apr 23, 2023Enhance User Experience: Creating a Scroll Page Progress Bar with CSSA scroll page progress bar is a visual element that appears at the top or bottom of a website to indicate how far a user has scrolled through the page. This feature not only provides users with a better understanding of their position within the webs...Discuss·1 like·46 readsFrontend Development