# Create Browser with Webview

**URL:** <https://forums.fusetools.com/t/create-browser-with-webview/1077>\
**Category:** How-to Discussions\
**Created:** [August 24, 2016, 11:14am UTC](https://forums.fusetools.com/t/create-browser-with-webview/1077 "2016-08-24T11:14:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![WilfredR](https://avatars.discourse-cdn.com/v4/letter/w/a9adbd/32.png) [@WilfredR](https://forums.fusetools.com/u/WilfredR)\
**Post date:** [August 24, 2016, 11:14am UTC](https://forums.fusetools.com/t/create-browser-with-webview/1077/1 "2016-08-24T11:14:05Z")

</div>

Hi, I’m looking for some basic hints and tips to re-create a basic browser with Webview.

I’d like to include a loading bar, but somehow I can not get it to disappear/reset after the page is loaded.

Thanks,

---

<div class="post-metadata">

**Author:** ![Vegard\_Strand\_Lende](https://yyz1.discourse-cdn.com/flex035/user_avatar/forums.fusetools.com/vegard_strand_lende/32/349_2.png) [@Vegard\_Strand\_Lende](https://forums.fusetools.com/u/Vegard_Strand_Lende)\
**Post date:** [August 30, 2016, 8:54am UTC](https://forums.fusetools.com/t/create-browser-with-webview/1077/2 "2016-08-30T08:54:40Z")

</div>

Hi!

If you share your code I can help out 🙂

---

<div class="post-metadata">

**Author:** ![WilfredR](https://avatars.discourse-cdn.com/v4/letter/w/a9adbd/32.png) [@WilfredR](https://forums.fusetools.com/u/WilfredR)\
**Post date:** [August 30, 2016, 9:51am UTC](https://forums.fusetools.com/t/create-browser-with-webview/1077/3 "2016-08-30T09:51:53Z")

</div>

I’ve tried to play around with `<PageLoaded>` and `<PageBeginLoading>` but where ever I reset the progress bar it stays “fixed” and doesn’t show progress when a link is pressed.

Forward and back buttons are the next step 😉 What I basically want to do is first great an app that just runs our shop in webview and from there step-by-step start making more and more features native.

```auto
<App Background="#FF4718">
    <JavaScript>
            module.exports = {
                onPageLoaded : function(res) {
                    console.log("WebView arrived at "+ JSON.parse(res.json).url);
            }
        };
    </JavaScript>
    <Panel ux:Class="LoadingBar" Width="0%" Height="2" Color="#004cf0" Alignment="Left" />
    <DockPanel>
        <iOS.StatusBarConfig Style="Light" IsVisible="true" />
        <StatusBarBackground Dock="Top" />
        <LoadingBar Dock="Top" ux:Name="_loadingBar" />
        <NativeViewHost>
            <WebView Dock="Fill" Url="http://fusetools.com">
                <ProgressAnimation>
                    <Change _loadingBar.Width="100%" />
                </ProgressAnimation>
                <PageLoaded>
                    <Set _loadingBar.Width="10%" />
                    <EvaluateJS Handler="{onPageLoaded}">
                        var result = {
                          url : document.location.href
                          };
                        return result;
                    </EvaluateJS>  
                </PageLoaded>
            </WebView>
        </NativeViewHost>
    </DockPanel>
</App>

```

I’m new at all this, apologies for any stupid mistakes / questions up front.

Thx.

---

<div class="post-metadata">

**Author:** ![WilfredR](https://avatars.discourse-cdn.com/v4/letter/w/a9adbd/32.png) [@WilfredR](https://forums.fusetools.com/u/WilfredR)\
**Post date:** [September 14, 2016, 7:22pm UTC](https://forums.fusetools.com/t/create-browser-with-webview/1077/4 "2016-09-14T19:22:01Z")

</div>

> **Vegard Strand Lende wrote:**
> 
> Hi!
> 
> If you share your code I can help out 🙂

Any news?