Click any link below to see changes
Live Preview
Adjust the settings below and click on any navigation link to see your progress bar in action.
🧭
Direction
Choose position and animation
🎨
Color
Pick your favorite color
#A855F7
💻
Current Configuration
Copy this code to use in your app
<NavigationProgress
direction="top-to-right"
color="#a855f7"
/>💡
Pro Tip
Try different combinations of directions and colors to find the perfect match for your website's design.
⚡
Performance
The progress bar is optimized and lightweight. It won't affect your app's performance.