<script type='text/javascript'>//<![CDATA[ var Nanobar=function(){var c,d,e,f,g,h,k={width:"100%",height:"2px",zIndex:9999,top:"0"},l={width:0,height:"100%",clear:"both",transition:"height .3s"};c=function(a,b){for(var c in b)a.style[c]=b[c];a.style["float"]="left"};f=function(){var a=this,b=this.width-this.here;0.1>b&&-0.1<b?(g.call(this,this.here),this.moving=!1,100==this.width&&(this.el.style.height=0,setTimeout(function(){a.cont.el.removeChild(a.el)},100))):(g.call(this,this.width-b/4),setTimeout(function(){a.go()},16))};g=function(a){this.width= a;this.el.style.width=this.width+"%"};h=function(){var a=new d(this);this.bars.unshift(a)};d=function(a){this.el=document.createElement("div");this.el.style.backgroundColor=a.opts.bg;this.here=this.width=0;this.moving=!1;this.cont=a;c(this.el,l);a.el.appendChild(this.el)};d.prototype.go=function(a){a?(this.here=a,this.moving||(this.moving=!0,f.call(this))):this.moving&&f.call(this)};e=function(a){a=this.opts=a||{};var b;a.bg=a.bg||"#db3131";this.bars=[];b=this.el=document.createElement("div");c(this.el, k);a.id&&(b.id=a.id);b.style.position=a.target?"relative":"fixed";a.target?a.target.insertBefore(b,a.target.firstChild):document.getElementsByTagName("body")[0].appendChild(b);h.call(this)};e.prototype.go=function(a){this.bars[0].go(a);100==a&&h.call(this)};return e}(); var nanobar = new Nanobar();nanobar.go(30);nanobar.go(60);nanobar.go(100); //]]></script> </div> </article> <div class='post-footer'> <span class='label-head'> </span> <div style='clear: both;'></div> <div class='share2'> Share This <i class='fa fa-share-alt'></i> </div> <div class='addthis_sharing_toolbox'></div> <script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-54a3a64d1b0fbe97'></script> <div style='clear:both'></div> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> By <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'> <meta content='https://www.blogger.com/profile/08682616490152546194' itemprop='url'/> <a class='g-profile' href='https://www.blogger.com/profile/08682616490152546194' rel='author' title='author profile'> <span itemprop='name'>WordPress</span> </a> </span> </span> <span class='post-timestamp'> - <meta content='https://techproadvice.blogspot.com/2022/04/how-to-add-loading-bar-like-youtube-in.html' itemprop='url'/> <a class='timestamp-link' href='https://techproadvice.blogspot.com/2022/04/how-to-add-loading-bar-like-youtube-in.html' rel='bookmark' title='permanent link'><abbr class='published' itemprop='datePublished' title='2022-04-30T16:21:00-07:00'>April 30, 2022</abbr></a> </span> <span class='reaction-buttons'> </span> <span class='post-comment-link'> </span> <span class='post-backlinks post-comment-link'> </span> <span class='post-icons'> <span class='item-control blog-admin pid-400681131'> <a href='https://www.blogger.com/post-edit.g?blogID=7461539322497748124&postID=3536308760230315985&from=pencil' title='Edit Post'> <img alt='' class='icon-action' height='18' src='https://resources.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/> </a> </span> </span> <div class='post-share-buttons goog-inline-block'> <a class='goog-inline-block share-button sb-email' href='https://www.blogger.com/share-post.g?blogID=7461539322497748124&postID=3536308760230315985&target=email' target='_blank' title='Email This'><span class='share-button-link-text'>Email This</span></a><a class='goog-inline-block share-button sb-blog' href='https://www.blogger.com/share-post.g?blogID=7461539322497748124&postID=3536308760230315985&target=blog' onclick='window.open(this.href, "_blank", "height=270,width=475"); return false;' target='_blank' title='BlogThis!'><span class='share-button-link-text'>BlogThis!</span></a><a class='goog-inline-block share-button sb-twitter' href='https://www.blogger.com/share-post.g?blogID=7461539322497748124&postID=3536308760230315985&target=twitter' target='_blank' title='Share to X'><span class='share-button-link-text'>Share to X</span></a><a class='goog-inline-block share-button sb-facebook' href='https://www.blogger.com/share-post.g?blogID=7461539322497748124&postID=3536308760230315985&target=facebook' onclick='window.open(this.href, "_blank", "height=430,width=640"); return false;' target='_blank' title='Share to Facebook'><span class='share-button-link-text'>Share to Facebook</span></a><a class='goog-inline-block share-button sb-pinterest' href='https://www.blogger.com/share-post.g?blogID=7461539322497748124&postID=3536308760230315985&target=pinterest' target='_blank' title='Share to Pinterest'><span class='share-button-link-text'>Share to Pinterest</span></a> </div> </div> <div class='post-footer-line post-footer-line-2'> <span class='post-labels'> </span> </div> <div class='post-footer-line post-footer-line-3'> <span class='post-location'> </span> </div> </div> </div> </div> <div class='comments' id='comments'> <a name='comments'></a> <h4>No comments:</h4> <div id='Blog1_comments-block-wrapper'> <dl class='avatar-comment-indent' id='comments-block'> </dl> </div> <p class='comment-footer'> <div class='comment-form'> <a name='comment-form'></a> <h4 id='comment-post-message'>Post a Comment</h4> <p> </p> <a href='https://www.blogger.com/comment/frame/7461539322497748124?po=3536308760230315985&hl=en&saa=85391&origin=https://techproadvice.blogspot.com' id='comment-editor-src'></a> <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410px' id='comment-editor' name='comment-editor' src='' width='100%'></iframe> <script src='https://www.blogger.com/static/v1/jsbin/1345082660-comment_from_post_iframe.js' type='text/javascript'></script> <script type='text/javascript'> BLOG_CMT_createIframe('https://www.blogger.com/rpc_relay.html'); </script> </div> </p> <div id='backlinks-container'> <div id='Blog1_backlinks-container'> </div> </div> </div> </div> </div></div> </div> <div class='blog-pager' id='blog-pager'> <span id='blog-pager-newer-link'> <a class='blog-pager-newer-link' href='https://techproadvice.blogspot.com/2022/04/how-to-display-blogger-blog-posts-in.html' id='Blog1_blog-pager-newer-link' title='Newer Post'>Newer Post</a> </span> <span id='blog-pager-older-link'> <a class='blog-pager-older-link' href='https://techproadvice.blogspot.com/2022/04/how-to-create-html-sitemap-page-in.html' id='Blog1_blog-pager-older-link' title='Older Post'>Older Post</a> </span> <a class='home-link' href='https://techproadvice.blogspot.com/'>Home</a> </div> <div class='clear'></div> <div class='post-feeds'> <div class='feed-links'> Subscribe to: <a class='feed-link' href='https://techproadvice.blogspot.com/feeds/3536308760230315985/comments/default' target='_blank' type='application/atom+xml'>Post Comments (Atom)</a> </div> </div> </div><div class='widget HTML' data-version='1' id='HTML901'> <div id='put-your-comment'> <div class='cmm-tabs'> <div data-tab='blogger'><div class='blogger-tab'></div></div> <div data-tab='disqus'><div class='disqus-tab'><div id='disqus_thread'></div></div></div> <div data-tab='facebook'><div class='facebook-tab'></div></div> </div> <div id='fb-root'></div><script>(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><script>$(".facebook-tab").append("<div class='fb-comments' data-href='https://techproadvice.blogspot.com/2022/04/how-to-add-loading-bar-like-youtube-in.html' data-width='100%' data-numposts='5' data-colorscheme='light'></div>");</script> </div> </div><div class='widget HTML' data-version='1' id='HTML902'> <script type='text/javascript'> var disqus_shortname = 'sigma-2'; (function() { var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true; dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js'; (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq); })(); </script> </div></div> <div id='ads-blog'> <div class='ad-bottom-widget section' id='adwidegt3' name='Post Bottom Ad Widget'><div class='widget HTML' data-version='1' id='HTML98'> <h2 class='title'>Post Top Ad</h2> <div class='widget-content'> <span> <div style="width:100%;height:90px;background:#ee802f;margin:0 auto;text-align: center;line-height: 90px;color: #fff;text-transform: uppercase;font-family: inherit;font-size: 30px;font-weight: bold;cursor: pointer;"> Your Ad Spot</div></span> </div> </div></div> <div style='clear: both;'></div> </div> <div class='post-author-widget section' id='Postwidegt1' name='Post Author Details'><div class='widget HTML' data-version='1' id='HTML10'> <h2 class='title'>Author Details</h2> <div class='widget-content'> <span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.</span> </div> </div></div> <div class='post-author-social section' id='Postwidegt2' name='Post Author Social Profiles'><div class='widget LinkList' data-version='1' id='LinkList1'> <div class='widget-content'> <ul> <li><a href='#'><i class="fa fa-facebook"></i></a></li> <li><a href='#'><i class="fa fa-twitter"></i></a></li> <li><a href='#'><i class="fa fa-google-plus"></i></a></li> <li><a href='#'><i class="fa fa-instagram"></i></a></li> <li><a href='#'><i class="fa fa-pinterest"></i></a></li> <li><a href='#'><i class="fa fa-linkedin"></i></a></li> </ul> </div> </div></div> </div> <div id='sidebar-wrapper'> <div class='sidebar ty-trigger section' id='sidebar(1)' name='sidebar - 1'><div class='widget HTML' data-version='1' id='HTML3'> <div class='widget-content'> <script type="text/javascript"> atOptions = { 'key' : 'ea8a59fa6f5d0a8c0de904a91462aa0a', 'format' : 'iframe', 'height' : 90, 'width' : 728, 'params' : {} }; </script> <script type="text/javascript" src="//www.highperformanceformat.com/ea8a59fa6f5d0a8c0de904a91462aa0a/invoke.js" ></script > </div> <div class='clear'></div> </div><div class='widget HTML' data-version='1' id='HTML2'> <h2 class='title'>Socialize</h2> <div class='widget-content'> <style> /* Social Counter --------------------------------------*/ li.social_item-wrapper { float: right; width: 48%; text-align: center; margin-left: 4% !important; margin-bottom: 10px !important; color: #fff; } #sidebar .widget { margin-bottom: 35px; } a.social_item { position: relative; display: block; height: 60px; line-height: 60px; overflow: hidden; } .social_item-wrapper:nth-child(2n+2) { margin-left: 0 !important; } .social_icon { float: left; line-height: 60px; width: 41px; font-size: 1.3rem; } a.social_item.social_facebook { background: #3F5B9B; } .fa-facebook.social_icon { background: #2E4372; } li.social_item-wrapper:hover .fa-facebook.social_icon { background: #3F5B9B; } li.social_item-wrapper:hover .social_facebook { background: #2E4372; } a.social_item.social_twitter { background: #1C97DE; } .fa-twitter.social_icon { background: #1571A5; } li.social_item-wrapper:hover .fa-twitter.social_icon { background: #1C97DE; } li.social_item-wrapper:hover .social_twitter { background: #1571A5; } a.social_item.social_youtube { background: #E22020; } .fa-youtube.social_icon { background: #B31919; } li.social_item-wrapper:hover .fa-youtube.social_icon { background: #E22020; } li.social_item-wrapper:hover .social_youtube { background: #B31919; } a.social_item.social_dribbble { background: #E82159; } .fa-dribbble.social_icon { background: #B51A45; } li.social_item-wrapper:hover .fa-dribbble.social_icon { background: #E82159; } li.social_item-wrapper:hover .social_dribbble { background: #B51A45; } a.social_item.social_rss { background: #E86321; } .fa-rss.social_icon { background: #C2521B; } li.social_item-wrapper:hover .fa-rss.social_icon { background: #E86321; } li.social_item-wrapper:hover .social_rss { background: #C2521B; } a.social_item.social_google-plus { background: #E82C2C; } .fa-google-plus.social_icon { background: #BF2424; } li.social_item-wrapper:hover .fa-google-plus.social_icon { background: #E82C2C; } li.social_item-wrapper:hover .social_google-plus { background: #BF2424; } a.social_item.social_linkedin { background: #0275B6; } .fa-linkedin.social_icon { background: #02669E; } li.social_item-wrapper:hover .fa-linkedin.social_icon { background: #0275B6; } li.social_item-wrapper:hover .social_linkedin { background: #02669E; } a.social_item.social_instagram { background: #8E714D; } .fa-instagram.social_icon { background: #6F583C; } li.social_item-wrapper:hover .fa-instagram.social_icon { background: #8E714D; } li.social_item-wrapper:hover .social_instagram { background: #6F583C; } a.social_item.social_pinterest { background: #CA2027; } .fa-pinterest.social_icon { background: #AB1B21; } li.social_item-wrapper:hover .fa-pinterest.social_icon { background: #CA2027; } li.social_item-wrapper:hover social_pinterest { background: #AB1B21; } ul.social-counter a { color: #fff; } </style> <div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="https://www.facebook.com/soratemplates/" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="https://twitter.com/LiveBlogger1" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="https://www.youtube.com/liveblogger" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><span class="social_num">230,000</span></a></li><li class="social_item-wrapper"><a href="https://www.instagram.com/livebloggerofficial/" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><span class="social_num">230,000</span></a></li></ul></div> </div> </div></div> <div style='clear: both;'></div> <div class='sidebar ty-trigger section' id='sidebar(2)' name='sidebar - 2'><div class='widget HTML' data-version='1' id='HTML8'> <h2 class='title'>Facebook</h2> <div class='widget-content'> <div class="videoWrapper"> <!-- Copy & Pasted from YouTube --> <iframe width="560" height="349" src="https://www.youtube.com/embed/vC_7wzbis6s" frameborder="0" allowfullscreen></iframe> </div> <style> .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } </style> </div> </div><div class='widget Label' data-version='1' id='Label1'> <h2>Categories</h2> <div class='widget-content cloud-label-widget-content'> <span class='label-size label-size-4'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Bitcoin'>Bitcoin</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Chrome'>Chrome</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Code%20%26%20Scripts'>Code & Scripts</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Cricket'>Cricket</a> </span> <span class='label-size label-size-4'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Cryptocurrency'>Cryptocurrency</a> </span> <span class='label-size label-size-4'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Excel'>Excel</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Fix%20Error'>Fix Error</a> </span> <span class='label-size label-size-2'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Forex%20Markets'>Forex Markets</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Gmail'>Gmail</a> </span> <span class='label-size label-size-1'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Make%20Money'>Make Money</a> </span> <span class='label-size label-size-3'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/MS%20Word'>MS Word</a> </span> <span class='label-size label-size-5'> <a dir='ltr' href='https://techproadvice.blogspot.com/search/label/Windows%2010'>Windows 10</a> </span> </div> </div></div> </div> <div style='clear: both;'></div> </div> <!-- end content-wrapper --> <div id='lower'> <div class='bot-bar-menu'> <div class='bot-menu-wrap body-row'> <div class='bot-menu section' id='Bottom-menu'><div class='widget PageList' data-version='1' id='PageList1'> <h2>Pages</h2> <div class='widget-content'> <ul id='nav2'> <li> <a href='https://techproadvice.blogspot.com/'>Home</a> </li> </ul> </div> </div></div> <div class='go-to-top-parent'><a class='back-to-top' href='#'><i aria-hidden='true' class='fa fa-long-arrow-up'></i></a><a class='topopup' href='#'><i aria-hidden='true' class='fa fa-envelope-open-o'></i></a></div> </div> </div> <div style='clear:both;'></div> <div class='body-row' id='lower-wrapper'> <div id='lowerbar-wrapper'> <div class='lowerbar ty-trigger section' id='Footer widget - 1'><div class='widget HTML' data-version='1' id='HTML6'> <h2 class='title'>About Me</h2> <div class='widget-content'> <style>.avatar { float: right; } .avatar-85 { border: 3px solid #fff; border-radius: 85px; margin-left: 10px; } .icons-social { margin: 0 auto; clear: both; float: none; } .icons-social li { display: inline; padding: 0; float: left; } .icons-social #social a { display: block; height: 42px; width: 42px; margin-right: 5.5px; color: #fff; text-align: center; font-size: 20px; } .icons-social #social a:before { display: inline-block; font: normal normal normal 22px/1 FontAwesome; font-size: inherit; font-style: normal; font-weight: 400; line-height: 42px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icons-social .facebook:before { content: "\f09a"; } .icons-social .twitter:before { content: "\f099"; } .icons-social .gplus:before { content: "\f0d5"; } .icons-social .linkedin:before { content: "\f0e1"; } .icons-social .instagram:before { content: "\f16d"; } .icons-social .pinterest:before { content: "\f0d2"; } </style><p>Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis. <br /><a href="#" style=" color: #0288d1; ">Read More</a></p> <div class="icons-social"> <ul id="social"> <li><a class="facebook" href="https://www.facebook.com/soratemplates/" title="facebook"></a></li> <li><a class="twitter" href="https://twitter.com/LiveBlogger1" title="twitter"></a></li> <li><a class="instagram" href="https://www.instagram.com/livebloggerofficial/" title="instagram"></a></li> </ul></div> </div> </div></div> </div> <div id='lowerbar-wrapper'> <div class='lowerbar ty-trigger section' id='Footer widget - 2'><div class='widget PopularPosts' data-version='1' id='PopularPosts2'> <h2>Popular Posts</h2> <div class='widget-content popular-posts'> <ul> <li> <div class='item-thumbnail-only'> <div class='item-title'><a href='https://techproadvice.blogspot.com/2021/04/fix-smart-card-cannot-perform-requested.html'>Fix The smart card cannot perform the requested operation</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://techproadvice.blogspot.com/2017/10/how-to-enable-javascript-in-google_25.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_u4Vws9fKUgtr4lP7MyORpenOeTuRy2BoybeActpfpfZSlVseNo-eTqS9NtEME4zPNyf96nuOnKVsQLne8Snurxoloder9GSVQ7kFpe_1i-JJkn=w72-h72-n-k-no-nu'/> </a> </div> <div class='item-title'><a href='https://techproadvice.blogspot.com/2017/10/how-to-enable-javascript-in-google_25.html'>How to enable javascript in Google chrome</a></div> </div> <div style='clear: both;'></div> </li> <li> <div class='item-thumbnail-only'> <div class='item-thumbnail'> <a href='https://techproadvice.blogspot.com/2025/02/dropee-daily-combo-2122-february-2025.html' target='_blank'> <img alt='' border='0' src='https://lh3.googleusercontent.com/blogger_img_proxy/AEn0k_toQnRIZ7P0MWGbvW7Q3Pzp1ueP3PZsm6zA9euOoM6I1EQLS8mRr4_NncvlRpjsiqZHp1BoLtmLhk43GDhTonMqJAxhnyLknbSkT2UPXb-7rw6T170-Hk8_5yjOu7LQSxH91pUwlZA2MGiUCAum8P-zGAnuunzCPgYW-mhzYAbO=w72-h72-p-k-no-nu'/> </a> </div> <div class='item-title'><a href='https://techproadvice.blogspot.com/2025/02/dropee-daily-combo-2122-february-2025.html'>Dropee Daily Combo 21/22 February 2025</a></div> </div> <div style='clear: both;'></div> </li> </ul> <div class='clear'></div> </div> </div></div> </div> <div id='lowerbar-wrapper'> <div class='lowerbar ty-trigger section' id='Footer widget - 3'><div class='widget Label' data-version='1' id='Label3'> <h2>Tags</h2> <div class='widget-content cloud-label-widget-content'> </div> </div></div> </div> <div style='clear: both;'></div> </div> </div> <div id='contact-pop-up'><!--Header Date bar Area Started--> <div id='toPopup'> <div class='close'></div> <div id='popup_content'> <!--your content start--> <div class='column last section' id='conform'><div class='widget ContactForm' data-version='1' id='ContactForm1'> <h2 class='title'>Send Quick Message</h2> <div class='contact-form-widget'> <div class='form'> <form name='contact-form'> <p></p> Name <br/> <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/> <p></p> Email <span style='font-weight: bolder;'>*</span> <br/> <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/> <p></p> Message <span style='font-weight: bolder;'>*</span> <br/> <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'>