> For the complete documentation index, see [llms.txt](https://a.b.cr/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://a.b.cr/textbook/frontend.md).

# Frontend

- [A Simple Progress Bar](https://a.b.cr/textbook/frontend/a-simple-progress-bar.md): Create a simple bilibili style progress bar with tailwind
- [A React Ribbon Component](https://a.b.cr/textbook/frontend/a-react-ribbon-component.md): It realy took me a long time to create such a unremarkable ribbon
- [An Easy to Use React DnD Sortable Component](https://a.b.cr/textbook/frontend/a-easy-to-use-react-dnd-sortable-component.md): I hope this is actually easy to use...
- [Sticky Header, Sticky Footer and Fluid Content](https://a.b.cr/textbook/frontend/sticky-header-sticky-footer-and-fluid-content.md): This title came from an ancient question on stack overflow, which is asked over 8 years ago...
- [How To Set Same Height As Width In CSS](https://a.b.cr/textbook/frontend/how-to-set-same-height-as-width-in-css.md): I am pretty sure this is a frequently asked question from frontend beginners like me...