--- title: 7 Cool HTML Elements Nobody Uses | daily.dev description: The progress element is the semantically correct way of displaying progress bars. The meter element is progress on steroids. The abbr element allows you to add... canonical: https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: 7 Cool HTML Elements Nobody Uses | daily.dev og:description: The progress element is the semantically correct way of displaying progress bars. The meter element is progress on steroids. The abbr element allows you to add... og:url: https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef og:image: https://api.daily.dev/og/posts/79wmjLbEF.png og:image:alt: 7 Cool HTML Elements Nobody Uses og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # 7 Cool HTML Elements Nobody Uses **[Changelog](https://daily.dev/sources/changelog)** · 2 min read · 198 upvotes · 17 comments ## Summary The progress element is the semantically correct way of displaying progress bars. The meter element is progress on steroids. The abbr element allows you to add an autocomplete suggestions to your input elements. map & area map and area allow you to create image maps. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@moedayraki** · 2 upvotes > Datalists are really fast and don't need any javascript to operate! Their style is not that beautiful attractive. > > Checkout this codepen to add some style to your datalists > https://codepen.io/SitePoint/pen/JjbXrvE > > P.S: "Not my codepen lol" **@ldad** · 1 upvotes > A good reminder of things we can do without css or javascript :) **@tugrulyildirim** · 1 upvotes > I didn't know about datalist and object, thx for sharing ! **@heidegger** · 0 upvotes > Thanks **@d4nm0** · 0 upvotes > Thanks ## Similar posts on daily.dev - [Don’t just attend KubeCon \+ CloudNativeCon, Merge Forward your experience\!](https://daily.dev/posts/don-t-just-attend-kubecon-cloudnativecon-merge-forward-your-experience--l0rpp73x8) · CNCF · 1 upvotes · 0 comments - [Announcing H2 2026 KCDs](https://daily.dev/posts/announcing-h2-2026-kcds-m96goajm1) · CNCF · 1 upvotes · 0 comments - [Two months of Open Community Groups](https://daily.dev/posts/two-months-of-open-community-groups-asf52zhbs) · CNCF · 0 upvotes · 0 comments --- Tags: [#html](https://daily.dev/tags/html) [View this post on daily.dev](https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"7 Cool HTML Elements Nobody Uses","url":"https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef"},"datePublished":"2022-10-05T18:34:26.939Z","dateModified":"2022-10-05T18:34:26.938Z","description":"The progress element is the semantically correct way of displaying progress bars. The meter element is progress on steroids. The abbr element allows you to add...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/9ef27045cb456f3a3888a7e155c4c7e7","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/9ef27045cb456f3a3888a7e155c4c7e7","isAccessibleForFree":true,"articleSection":"Changelog","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Changelog","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/f65a74bcb028447aa606f06695d607d3","url":"https://daily.dev/sources/changelog"},"commentCount":17,"discussionUrl":"https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":198},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":17}],"keywords":"html","timeRequired":"PT2M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Changelog","item":"https://daily.dev/sources/changelog"},{"@type":"ListItem","position":3,"name":"7 Cool HTML Elements Nobody Uses"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/7-cool-html-elements-nobody-uses-79wmjlbef","comment":[{"@type":"Comment","text":"Datalists are really fast and don’t need any javascript to operate! Their style is not that beautiful attractive.\nCheckout this codepen to add some style to your datalists\nhttps://codepen.io/SitePoint/pen/JjbXrvE\nP.S: “Not my codepen lol”","datePublished":"2022-10-06T11:04:56.386Z","url":"https://daily.dev/posts/79wmjLbEF#c-EZCTBfxUl","author":{"@type":"Person","name":"Moe Dayraki","url":"https://daily.dev/moedayraki","image":"https://avatars.githubusercontent.com/u/54773679?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}},{"@type":"Comment","text":"A good reminder of things we can do without css or javascript :)","datePublished":"2022-10-06T08:18:18.022Z","dateModified":"2022-10-06T08:19:36.687Z","url":"https://daily.dev/posts/79wmjLbEF#c-xXzcfnwJ9","author":{"@type":"Person","name":"Loïc Dadot","url":"https://daily.dev/ldad","image":"https://lh3.googleusercontent.com/a-/ACNPEu9Fan_2aUj2vX8jdx7RVCn4I8lRrt3sUm1lyGSmSA=s100"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"I didn’t know about datalist and object, thx for sharing !","datePublished":"2022-10-06T08:08:24.222Z","url":"https://daily.dev/posts/79wmjLbEF#c--DwZ--_M8","author":{"@type":"Person","name":"tugrulyildirim.com","url":"https://daily.dev/tugrulyildirim","image":"https://avatars1.githubusercontent.com/u/58388980?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1}},{"@type":"Comment","text":"Thanks","datePublished":"2022-10-23T17:48:07.004Z","url":"https://daily.dev/posts/79wmjLbEF#c-6XkPYHptp","author":{"@type":"Person","name":"sudo","url":"https://daily.dev/heidegger","image":"https://media.daily.dev/image/upload/s--OsbBnDfH--/f_auto/v1726041866/avatars/avatar_GRnKzY7cS5FSqWIZI9PhG"}},{"@type":"Comment","text":"Thanks","datePublished":"2022-10-12T11:59:00.954Z","url":"https://daily.dev/posts/79wmjLbEF#c-HiOjEwfW_","author":{"@type":"Person","name":"Dan Monceau","url":"https://daily.dev/d4nm0","image":"https://media.daily.dev/image/upload/f_auto/v1651589584/avatars/55hYPgEjiRb74oKx0I9oH"}}]} ```